CSS是前端開發中不可或缺的重要工具，但不同瀏覽器對CSS的支持不一樣，會出現兼容性問題。今天我們來說一下CSS中火狐的兼容問題。

/* Firefox 單獨樣式 */
@-moz-document url-prefix() {
/* styles here */
}

第一點，Firefox有獨立的樣式處理方式，我們可以使用@-moz-document url-prefix()來對Firefox進行單獨樣式處理。這樣在其他瀏覽器中不會產生影響，只有在Firefox中才會生效。

/* 漸變 */
background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#ffffff)); /* 谷歌、Safari */
background-image: -webkit-linear-gradient(top, #e7e7e7, #ffffff); /* 谷歌、Safari */
background-image: -moz-linear-gradient(top, #e7e7e7, #ffffff); /* Firefox */
background-image: -ms-linear-gradient(top, #e7e7e7, #ffffff); /* IE10 */
background-image: -o-linear-gradient(top, #e7e7e7, #ffffff); /* Opera */
background-image: linear-gradient(to bottom, #e7e7e7, #ffffff); /* 標準寫法 */

第二點，不同瀏覽器對于CSS3新特性的支持不一樣，在使用類似漸變的樣式時，我們應該為不同瀏覽器加上前綴來保證效果。

/* 兼容多個版本 */

第三點，我們可以使用meta標簽來聲明兼容多個瀏覽器版本，并且兼容Google Chrome。在進行這種聲明時，最好將IE的版本全部列出，這樣可以避免出現奇怪的問題。

總之，在開發中，我們要不斷沉淀對瀏覽器的兼容性問題處理方式，不斷改進自己的技術水平。這樣才能開發出兼容性更好的網站。