我一直在使用-moz
和-webkit
css風格一段時間,如框陰影,文字陰影等。最近我注意到,每個FireFox,Chrome,Safari和IE()都產生了與標準box-shadow
和text-shadow
以及類似的CSS樣式的結果相同。-moz和-webkit css不再需要?
我想知道這是否記錄在任何地方。因爲我成功地從網站中刪除了所有特定於瀏覽器的瀏覽器,並且它們在所有四個瀏覽器中看起來都一樣。
我一直在使用-moz
和-webkit
css風格一段時間,如框陰影,文字陰影等。最近我注意到,每個FireFox,Chrome,Safari和IE()都產生了與標準box-shadow
和text-shadow
以及類似的CSS樣式的結果相同。-moz和-webkit css不再需要?
我想知道這是否記錄在任何地方。因爲我成功地從網站中刪除了所有特定於瀏覽器的瀏覽器,並且它們在所有四個瀏覽器中看起來都一樣。
我想這取決於你的目標瀏覽器的版本。
這聽起來像是,如果您的應用程序或網站僅用於所有瀏覽器的最新版本,您可以承擔在您測試的特定屬性上省略-moz和-webkit 。
所有瀏覽器都不支持其他屬性,例如我個人最喜歡的webkit-transition。當然,在實際情況中,除非您正在製作個人項目,否則您不可能只瞄準最新的瀏覽器。
對於那些不具備標準的舊版瀏覽器,保留它們可能會很有用,但確實有-moz和-webkit css樣式。
做的最好的事情就是讓他們都在那裏,
例如:
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
根據用戶的瀏覽器版本,他們仍然會看到邊界半徑,舊的瀏覽器仍然會使用-moz和-webkit版本,safari/firefox或chrome的最新版本將使用border-radius屬性的最終實現。
默認情況下,最新的瀏覽器支持這些css3屬性。然而,這些-moz和-webkit特色應該仍然用於與舊版瀏覽器的向後兼容。舊版瀏覽器實現了這些功能,以便在這些屬性成爲標準之前使用這些屬性。
對於最新版本的Firefox,Chrome和Safari來說都是如此。
但是,對於使用較早版本瀏覽器的用戶(例如Firefox 3.6),您仍然需要保留-moz
和-webkit
前綴。
如果你想瞄準他們,你不應該刪除它們。
雖然這些屬性是逐步增強的,所以刪除它們不會有害。
如果你不想寫的太多,仍然想要向後兼容:less.css可能是你的朋友。
另一件事:w3schools.com擁有所有CSS命令的最新數據庫以及哪個瀏覽器支持它。幫了很多。
好吧。我想這可能會被辯論,直到我們全都面無表情 - 但IE9並不是唯一需要做的「ugprade」。一般情況下,人們應儘可能讓瀏覽器保持最新狀態,所以我認爲使用像「modernizr」這樣的工具即使在FireFox和Chrome中也能檢測到這種情況並不是一個好主意,他們正在使用舊版本的用戶。 – Ciel
但是,我明白你的意思。 – Ciel