2011-10-13 69 views
13

當你聲明box-shadowtext-shadow或漸變時,你還需要所有的前綴嗎?我還需要爲CSS box-shadow屬性使用全部五個供應商前綴嗎?

-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; 
-moz-box-shadow: inset 0 0 1px 1px #e3e3e3; 
-ms-box-shadow: inset 0 0 1px 1px #e3e3e3; 
-o-box-shadow: inset 0 0 1px 1px #e3e3e3; 
box-shadow: inset 0 0 1px 1px #e3e3e3; 

我理解主要有:

-webkit- 
-moz- 
box-shadow 

但隨着瀏覽器的發展,我想嘗試得到它是否有必要在這個時刻用5個前綴更新的看法?

想法,意見?

+1

我想說它不再支持這些供應商前綴。 – Pacerier

+0

http://www.w3schools.com/cssref/css3_browsersupport.asp - 包含所有的css規則...和使用的前綴.....或者如果你必須尋找個人規則,你可以隨時使用caniuse.com –

回答

14

caniuse.com具有a good table顯示哪些瀏覽器所需要的前綴,並且不支持box-shadow可言。

(需要前綴版本具有版本號下方前綴,如下面的截圖。)

enter image description here

無論您需要使用前綴任何網站,你正在構建依賴於哪些瀏覽器實際上是由網站現有/目標受衆使用的。

+1

*非常*鏈接,謝謝 –

+0

如果需要供應商前綴,我看不到它顯示在哪裏。 – the0ther

+0

@ theOther:添加截圖來回答。 –

1

也許Prefix free將有所幫助。

它將添加每個瀏覽器所需的前綴。

1

隨着瀏覽器的不斷改進,很難確定是否有可能放棄某些CSS3添加的供應商前綴。由於CSS3是「模塊化」的,並且在語法和瀏覽器支持方面都經歷了緩慢的變化 - 所以最好堅持使用供應商前綴,直到W3C和瀏覽器都已經篩選出所有這些怪癖爲止。如上所述,您可以隨時查看特定瀏覽器或幫助網站以獲取有關舊版瀏覽器支持的信息。

相關問題