不少網(wǎng)站的CSS在IE中顯示不正常或者直接失效了,這是因為IE瀏覽器與其他主流瀏覽器的CSS解析存在差異,這是前端開發(fā)人員需要解決的問題之一。
.example { background-color: blue; color: white; }
比如在其他瀏覽器中,上面這段CSS會將具有.example類的元素背景顏色設(shè)置為藍色,文本顏色為白色,但在IE中可能無法正常顯示。
解決這個問題的方法有很多,比如使用條件注釋針對IE特殊處理,或使用IE專用的CSS Hack代碼。
.example { background-color: blue; /* 所有瀏覽器通用 */ color: white; /* 所有瀏覽器通用 */ *background-color: yellow; /* 只在IE中生效 */ _background-color: green; /* 只在IE6、7中生效 */ #background-color: orange; /* 只在IE7中生效 */ }
以上是一些常見的Hack方式,但是這種方法可能會影響到其他瀏覽器的顯示效果,而且隨著IE的不斷更新,這些Hack代碼也需要隨之更新。
因此,我們更應(yīng)該從代碼編寫的角度出發(fā),盡量避免使用一些只在部分瀏覽器中生效的CSS寫法,提高代碼的兼容性。
下一篇css頭部下拉