瀏覽器是我們在日常生活中經常使用的工具之一。它能給我們帶來很多便利，讓我們輕松地瀏覽網頁、觀看視頻、聊天等等。但是，在使用瀏覽器時，我們可能會遇到兼容性問題，尤其是在應用 CSS 樣式時。

//樣式兼容性問題
body {
font-family: 'Microsoft YaHei', sans-serif;
background-color: rgba(0,0,0,0.7);
color: #fff;
}
//不同瀏覽器兼容性不同
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
//不兼容的屬性
.filter {
-webkit-filter: blur(5px);
filter: blur(5px);
}
//在Firefox中不支持
@-moz-keyframes animationName {
from {
width: 0;
}
to {
width: 100%;
}
}
//在IE，Safari，Opera不支持
@keyframes animationName {
from {
width: 0;
}
to {
width: 100%;
}
}

上述樣式代碼中，-moz-border-radius 和 -webkit-border-radius 用于設置圓角，但在不同的瀏覽器中，兼容性表現不同。為了兼容不同的瀏覽器，我們需要添加 border-radius 屬性。而 .filter 樣式中的 filter 屬性在一些瀏覽器中并不被支持。

另外，@-moz-keyframes 和 @keyframes 是用于設置動畫效果的，但在 Firefox、IE、Safari 和 Opera 中的支持也各不相同，需要針對不同的瀏覽器分別設置動畫效果。

因此，了解瀏覽器對 CSS 樣式的兼容性情況非常重要。我們可以通過使用兼容性更好的 CSS 屬性、添加瀏覽器私有前綴、針對不同瀏覽器設置不同的 CSS 屬性等方式來解決這些兼容性問題。