2014-10-01 63 views
0

所以每當我需要做什麼樣箱的影子我寫:供應商前綴是否仍然與CSS3功能(如箱子陰影和邊框半徑)相關?

-moz-box-shadow: 0 3px 10px #EFDDCF; 
-webkit-box-shadow: 0 3px 10px #EFDDCF; 
box-shadow: 0 3px 10px #EFDDCF; 

,而不是隻:

box-shadow: 0 3px 10px #EFDDCF; 

這仍然是必要的嗎?似乎firefox和chrome仍然聽正常的「盒子陰影」屬性。所以,即使我在Chrome中這樣做,例如:

-webkit-box-shadow: 0 3px 10px red; 
box-shadow: 0 3px 10px green; 

框陰影顏色將綠色,而不是紅色。那麼,哪些瀏覽器版本是必要的前綴呢?

+2

取決於您是否想支持舊版瀏覽器版本。因此,這是基於意見的,因此對於SO而言是偏離主題的。 – 2014-10-01 15:42:53

+1

只需使用autoprefixer並將其稱爲一天。您可以使用caniuse api配置您需要的向後兼容性。 https://github.com/nDmitry/grunt-autoprefixer – mlnmln 2014-10-01 15:49:25

回答

3

如果你想你的web應用上

Firefox 3.6-, Safari 4-,Android 2.3-, or iOS 3.2- 

但今天運行你不需要它了

,並檢查caniuse

+2

爲確認這些前綴不再需要,所有這些版本自2010年11月*(「iOS 3.2」,「Safari 4」),* Fev 2011 *(''Android 2.3'')和* 2011年6月*(''FF 3.6'')。 – Xenos 2014-10-01 15:55:01