在編寫CSS樣式時，我們往往會遇到瀏覽器兼容性的問題。不同的瀏覽器對CSS樣式的解析方式可能有所不同，導致同一份樣式在不同瀏覽器中呈現效果差異很大，甚至無法正常顯示。為了解決這種問題，我們需要使用CSS設置兼容，即使得樣式在不同瀏覽器中都能夠正常顯示。

/* 兼容性設置 */
-webkit-box-sizing: border-box; /* Safari/Chrome */
-moz-box-sizing: border-box; /* Firefox */
box-sizing: border-box;

以上代碼是一個典型的CSS兼容性設置方法，其中“-webkit-”和“-moz-”代表了不同瀏覽器的私有前綴。在這段代碼中，我們用到了box-sizing屬性，它可以設置元素的盒模型大小，這個屬性在不同瀏覽器中的默認值是不同的，因此我們需要為每個瀏覽器設置不同的值。

/* 兼容性設置 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
filter: alpha(opacity=50); /* IE5-7 */
opacity: 0.5; /* 遵循W3C標準的瀏覽器 */

另外一個常見的CSS兼容性問題是透明度的設置。為了讓不支持opacity屬性的IE瀏覽器正常顯示透明效果，我們需要使用-ms-filter屬性來設置alpha值。

除了以上兩個例子，還有很多需要注意的兼容性問題。在實際的開發中，我們要時刻關注不同瀏覽器的兼容性問題，遵循W3C標準，使用一些前綴和Hack等方法來解決特定的兼容性問題，以確保樣式能夠在各種瀏覽器中正常顯示。