2011-09-22 43 views
9

我一直在使用-moz-webkitcss風格一段時間,如框陰影,文字陰影等。最近我注意到,每個FireFox,Chrome,Safari和IE()都產生了與標準box-shadowtext-shadow以及類似的CSS樣式的結果相同。-moz和-webkit css不再需要?

我想知道這是否記錄在任何地方。因爲我成功地從網站中刪除了所有特定於瀏覽器的瀏覽器,並且它們在所有四個瀏覽器中看起來都一樣。

回答

5

我想這取決於你的目標瀏覽器的版本。

這聽起來像是,如果您的應用程序或網站僅用於所有瀏覽器的最新版本,您可以承擔在您測試的特定屬性上省略-moz和-webkit 。

所有瀏覽器都不支持其他屬性,例如我個人最喜歡的webkit-transition。當然,在實際情況中,除非您正在製作個人項目,否則您不可能只瞄準最新的瀏覽器。

+0

好吧。我想這可能會被辯論,直到我們全都面無表情 - 但IE9並不是唯一需要做的「ugprade」。一般情況下,人們應儘可能讓瀏覽器保持最新狀態,所以我認爲使用像「modernizr」這樣的工具即使在FireFox和Chrome中也能檢測到這種情況並不是一個好主意,他們正在使用舊版本的用戶。 – Ciel

+0

但是,我明白你的意思。 – Ciel

1

對於那些不具備標準的舊版瀏覽器,保留它們可能會很有用,但確實有-moz和-webkit css樣式。

0

做的最好的事情就是讓他們都在那裏,

例如:

-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; 

根據用戶的瀏覽器版本,他們仍然會看到邊界半徑,舊的瀏覽器仍然會使用-moz和-webkit版本,safari/firefox或chrome的最新版本將使用border-radius屬性的最終實現。

+0

雖然這不是問題。 75%的代碼可能是多餘的。效率不是很高。 – Richard

+0

從任何停止使用這些標誌的瀏覽器版本開始是多餘的。沒有更新的Chrome/Safari瀏覽器的用戶如果將其移除,將會出現問題。這只是提問人的提示,他可以自己決定他的網站的用戶是否使用最新的瀏覽器。事實上,這是一個答案,當問他們是否不再需要時,我給了他答案,仍然有一些用戶有一箇舊版本,可能需要標誌。所以他們實際上對某些人還是有用的!我的代碼有75%是大的代碼,並不是我所有的代碼都是webkit/moz特定的css。 – Sander

8

默認情況下,最新的瀏覽器支持這些css3屬性。然而,這些-moz和-webkit特色應該仍然用於與舊版瀏覽器的向後兼容。舊版瀏覽器實現了這些功能,以便在這些屬性成爲標準之前使用這些屬性。

1

對於最新版本的Firefox,Chrome和Safari來說都是如此。

但是,對於使用較早版本瀏覽器的用戶(例如Firefox 3.6),您仍然需要保留-moz-webkit前綴。
如果你想瞄準他們,你不應該刪除它們。
雖然這些屬性是逐步增強的,所以刪除它們不會有害。

2

如果你不想寫的太多,仍然想要向後兼容:less.css可能是你的朋友。

另一件事:w3schools.com擁有所有CSS命令的最新數據庫以及哪個瀏覽器支持它。幫了很多。

相關問題