在編寫網(wǎng)頁時(shí)，我們經(jīng)常使用CSS來美化我們的網(wǎng)頁。但有時(shí)會(huì)出現(xiàn)在某個(gè)瀏覽器上顯示正常，而在另一個(gè)瀏覽器上則顯示不正常的情況。這就是因?yàn)楦鱾€(gè)瀏覽器對(duì)CSS的解析規(guī)則不一致，導(dǎo)致樣式表在不同瀏覽器中的表現(xiàn)存在差異。因此，我們需要采取一些兼容寫法來解決這個(gè)問題。

/*CSS兼容寫法*/
/*1.使用瀏覽器前綴*/
.box {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/*2.使用Hack*/
.box {
background-color: red;  /*所有瀏覽器都支持的屬性*/
_background-color: yellow; /*只有IE6支持的屬性*/
+background-color: green; /*只有IE7支持的屬性*/
*background-color: blue;  /*只有IE6、7支持的屬性*/
}
/*3.使用條件注釋*/
<!--[if IE]>
<style type="text/css">
.box {
background-color:#f00
}
</style>
<![endif]-->
/*4.使用CSS Hack*/
.box {
background-color: red;  /*所有瀏覽器都支持的屬性*/
background-color: #f00\9; /*只有IE6、7、8支持的屬性*/
+background-color: #0f0; /*只有IE7支持的屬性*/
_background-color: #00f; /*只有IE6支持的屬性*/
}

使用兼容寫法能夠使CSS樣式在各種瀏覽器中都顯示正常。但是，過多的使用兼容寫法會(huì)使CSS代碼變得臃腫，影響開發(fā)效率，并且可能出現(xiàn)意外的兼容錯(cuò)誤。因此，在編寫CSS代碼時(shí)，要盡可能地使用符合標(biāo)準(zhǔn)的CSS寫法，只有在必要的時(shí)候才采用兼容寫法。