針對(duì)firefox ie6 ie7 ie8的css樣式hack
針對(duì)firefox ie6 ie7 ie8的css樣式hack
以前我們大部分都是用!important來hack ， 對(duì)于ie6和firefox測(cè)試可以正常顯示，但是ie7以上對(duì)!important可以正確解釋，會(huì)導(dǎo)致頁面沒按要求顯示！搜索了一下，找到了一個(gè)針對(duì)IE7、IE8不錯(cuò)的hack方式，IE7使用* html或*line-height: 23px，IE8使用9來區(qū)分，比如：line-height: 26px9 。
CSS可以參照如下定義，注意順序:
#menu { line-height: 23px; }/* firefox 瀏覽器實(shí)行這句定義 */
#menu { line-height: 26px9; }/*ie6,ie7,ie8 這句定義主要尖對(duì)IE8來hack*/
#menu { *line-height: 23px; }/*ie6,ie7 這句定義主要尖對(duì)IE7來hack*/
#menu { _line-height: 23px; }/*ie6 瀏覽器優(yōu)先實(shí)行這句定義*/ 或者寫成一句
#menu { line-height:23px; line-height: 26px9; *line-height: 23px; _line-height:23px; } 或者
* html #menu { line-height: 23px; } /* IE6 瀏覽器實(shí)行這句定義 */
* html #menu { line-height: 23px; }/* IE7 瀏覽器實(shí)行這句定義*/
相關(guān)經(jīng)驗(yàn)推薦
- css控制圖片按等比例縮放實(shí)例兼容IE6/IE7/火狐/谷歌
- 針對(duì)主流瀏覽器的CSS-HACK寫法及IE常用條件注釋
- CSS 完美兼容IE6/IE7/FF的通用hack方法
- js在IE與firefox的差異集錦
- 兼容IE6的圖片圓角邊框CSS
- 已補(bǔ)全 IE6,IE7,IE8下使用Javascript記錄光標(biāo)選中范圍
- ie6不兼容hover ie6 a hover屬性失效解決辦法
- 支持IE6/IE7/IE8/Firefox3 本地圖片預(yù)覽經(jīng)驗(yàn)總結(jié)
- IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
- 詳細(xì)整理 js優(yōu)化針對(duì)IE6.0起作用