CSS樣式是網頁美化的重要因素之一，然而由于不同的瀏覽器廠商實現CSS標準的方式不同，導致CSS樣式在不同瀏覽器上顯示效果不一致，這就是CSS兼容性問題。

在用CSS美化網頁時，一定要考慮瀏覽器的兼容問題，以免出現顯示異常的情況。在解決CSS兼容性問題上，我們可以采取以下幾種方式：

/* 給不同瀏覽器設置不同的CSS樣式 */
-webkit-border-radius:10px;/* Chrome和Safari瀏覽器 */
-moz-border-radius:10px;/* Firefox瀏覽器 */
border-radius:10px;/* 其他瀏覽器，注意這個要寫在最后 */

我們還可以使用CSS Hack來解決兼容性問題，下面是一些常用的Hack：

/*只對IE6生效*/
*html #div {
color:red;
}
/*只對IE7生效*/
*:first-child+html #div{
color:red;
}
/*只對IE8生效*/
html>/**/body #div {
color:red;
}
/*只對非IE生效*/
@media all and (-webkit-min-device-pixel-ratio:0) {
#div {
color:red;
}
}

但是需要注意的是，隨著瀏覽器的不斷升級，CSS Hack雖然可以解決兼容性問題，但是也有可能出現新的兼容性問題。

在撰寫CSS樣式時，我們應該盡量使用W3C標準，從而避免出現兼容性問題。同時，我們還可以通過jQuery等JavaScript庫來解決CSS兼容性問題。