在進(jìn)行網(wǎng)站設(shè)計(jì)的過程中,我們要考慮瀏覽器的兼容性問題,特別是在使用IE瀏覽器的時(shí)候,常常會(huì)出現(xiàn)CSS樣式失效的情況。那么我們?cè)撊绾尉帉慖E兼容性的CSS代碼呢?
首先,我們可以通過添加前綴的方式來解決兼容性問題,如下所示:
/*為IE8及以下版本設(shè)置樣式*/ .selector { background-color: white; /*其他瀏覽器*/ background-color: #ffffff\9; /*IE8及以下版本*/ } /*為IE6設(shè)置樣式*/ .selector { background-color: #ffffff; /*其他瀏覽器*/ background-color: #999999\9; /*IE6*/ }
其次,我們可以使用特定的CSS Hack,如下所示:
/*為IE6設(shè)置樣式*/ .selector { background-color: #ffffff; /*其他瀏覽器*/ *background-color: #999999; /*IE6*/ } /*為IE7設(shè)置樣式*/ .selector { background-color: #ffffff; /*其他瀏覽器*/ +background-color: #888888; /*IE7*/ } /*為IE6-IE9設(shè)置樣式*/ .selector { background-color: #ffffff; /*其他瀏覽器*/ _background-color: #777777; /*IE6-IE9*/ }
最后,我們可以使用條件注釋的方式進(jìn)行兼容性處理,如下所示:
/*非IE瀏覽器和IE10及以上版本*/ .selector { background-color: #ffffff; } /*IE6*//*IE7*//*IE8*//*IE9*/
總之,在編寫CSS樣式的時(shí)候,我們需要考慮到IE瀏覽器的兼容性問題,并采用多種方式進(jìn)行處理,從而保證網(wǎng)站在各種瀏覽器上的良好顯示效果。
上一篇ie模式css3