爲什麼在瀏覽器中使用CSS3屬性需要這麼多不同的屬性？

Question

爲什麼當我想使用邊界半徑，我需要3個獨立的瀏覽器？

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

爲什麼他們不能全都明白border-radius？

Answer 1

CSS3的規範仍未最終確定。瀏覽器廠商通常保持其作爲(vendor)-*，直到他們認爲規範是不夠穩定。

瀏覽器，例如，已開始遷移到標準並刪除了各種屬性的-webkit前綴。

Answer 2

因爲每個瀏覽器或具體他們的rendering engines有不同的實現。

這裏是一個細分：

border-radius: 10px;   /* standard CSS3 */ 
-moz-border-radius: 10px;  /* For Mozilla */ 
-webkit-border-radius: 10px; /* For Safari/Chrome */ 

請注意，並非所有的CSS3屬性是跨瀏覽器的不同，但是是我們渴望他們全部是相同的，符合標準的東西對我們來說。 IE是遠從:(