我怎樣才能選擇哪個樣式被定義的特定值？

Question

在Safari瀏覽器中，我的背景圖片無法正常工作。當我在safari中檢查時，發現css3 calc（）函數不起作用。我已經這樣使用

width: calc(100% - 345px); 
height: calc(100% - 180px); 

safari是否不支持calc（）函數？如果沒有，如何使用jQuery使calc（）函數可以工作。

編輯

我在樣式表中已經定義計算的（）函數多次。所以我想使用jQuery，但是如何選擇定義calc（）的值的元素？

假設以下的div我與CSS

div.one{width: 300px;} 
div.two{width: 300px;} 
div.three{width: 200px;} 

應用如何選擇其寬度定義爲300px這些div？

Answer 1

使用此

$('selector').css('width', '100%').css('width', '-=345px'); 
$('selector').css('width', '100%').css('width', '-=180px'); 

Answer 2

在這種情況下，它聽起來就像你正在使用的不支持你使用此功能的瀏覽器版本。

當決定是否使用給定的功能時，您應該檢查在CanIUse網站上的瀏覽器兼容性。這也會告訴你是否需要使用供應商前綴以及有關該功能的任何已知問題。

請注意，即使您的瀏覽器使用了特定的瀏覽器功能，您也需要考慮最終用戶 - 使用CanIUse網站檢查您需要支持的所有瀏覽器和版本的支持。您還應該在各種瀏覽器和瀏覽器版本中測試您的網站。

在calc()的情況下，您可以考慮使用this polyfill將calc()功能支持到不支持它的舊瀏覽器。