在編寫網頁時，我們經常使用CSS來美化我們的網頁。但有時會出現在某個瀏覽器上顯示正常，而在另一個瀏覽器上則顯示不正常的情況。這就是因為各個瀏覽器對CSS的解析規則不一致，導致樣式表在不同瀏覽器中的表現存在差異。因此，我們需要采取一些兼容寫法來解決這個問題。

/*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樣式在各種瀏覽器中都顯示正常。但是，過多的使用兼容寫法會使CSS代碼變得臃腫，影響開發效率，并且可能出現意外的兼容錯誤。因此，在編寫CSS代碼時，要盡可能地使用符合標準的CSS寫法，只有在必要的時候才采用兼容寫法。