在CSS3中,火狐瀏覽器有其特有的前綴,這些前綴是為了讓開發(fā)者在使用新的CSS3屬性時(shí),能夠在不同瀏覽器中得到相似的效果。
-moz-box-shadow: 10px 10px 5px #888888;
上述代碼是一個例子,其中的“-moz”就是火狐瀏覽器的特有前綴。在使用box-shadow屬性時(shí),加上這個前綴可以確保在火狐瀏覽器中該效果可以被正確的顯示。
除了box-shadow之外,很多其他的CSS3屬性也有類似的前綴,比如gradient,border-radius等等。
background: -moz-linear-gradient(top, #ffffff, #0066ff); border-radius: 10px;
在使用這些屬性時(shí),我們需要加上相應(yīng)的前綴,以確保在火狐瀏覽器中可以正確的渲染出來。同時(shí),為了確保跨瀏覽器的兼容性,我們還需要加上其他瀏覽器的前綴,比如-webkit,-o,-ms等等。
background: -moz-linear-gradient(top, #ffffff, #0066ff); background: -webkit-linear-gradient(top, #ffffff, #0066ff); background: -o-linear-gradient(top, #ffffff, #0066ff); background: -ms-linear-gradient(top, #ffffff, #0066ff); background: linear-gradient(to bottom, #ffffff, #0066ff);
當(dāng)我們使用這樣的方式時(shí),不同的瀏覽器就可以根據(jù)自己的實(shí)現(xiàn)方式去解析這些屬性,從而實(shí)現(xiàn)相似的效果。這就是CSS3前綴的作用。