border-radius vs -moz-border-radius

Question

剛剛在我的腦海中添加邊框半徑到我的<div>。由於border-radius CSS屬性在Mozilla中正常運行，爲什麼我們需要-moz-border-radius？

Answer 1

對於舊版本的Firefox，即Firefox 3.6及更早版本。

Answer 2

有一個使用供應商特定前綴的（簡短）歷史記錄，可以使代碼更容易被早期瀏覽器讀取。在HTML5/CSS3的支持開始時，每個瀏覽器處理元素不同，因此邊界半徑會是這樣：

.rectangle { 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px; 
border-radius:5px; 

}

如今，許多現代瀏覽器接受的造型像「邊界半徑」（用於例如最新的Chrome，Safari，Firefox和IE9），因此前面提到的minitech，這些樣式現在用於支持舊版本的現代瀏覽器。