都是IE惹的禍多瀏覽器兼容問題
更新時(shí)間：2007年04月04日 00:00:00 作者：
IE7發(fā)布已經(jīng)有些日子了，因此網(wǎng)站需要照顧的瀏覽器又多了一個(gè)。這兩天設(shè)計(jì)師們?cè)谧黾嫒荩业搅艘粋€(gè)解決辦法，這里既是共享，也是記錄。結(jié)合之前自己使用important!和/**/來區(qū)分IE5、IE6、Moz的經(jīng)歷，以下代碼區(qū)分4個(gè)瀏覽器，復(fù)制代碼保存成一個(gè)HTML文件看看效果吧：（
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
特別提醒：
#example {
background: red; /*For Moz*/
}
* html #example {
background: yellow; /*For IE5*/
background/**/: green; /*For IE6*/
}
*+html #example {
background: blue; /*For IE7*/
}
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
特別提醒：
#example {
background: red; /*For Moz*/
}
* html #example {
background: yellow; /*For IE5*/
background/**/: green; /*For IE6*/
}
*+html #example {
background: blue; /*For IE7*/
}
相關(guān)文章
在Web開發(fā)中,CSS負(fù)責(zé)美化HTML文檔,掌握層疊、優(yōu)先級(jí)和繼承是理解和應(yīng)用CSS的關(guān)鍵,層疊規(guī)則解決樣式?jīng)_突,優(yōu)先級(jí)決定多重樣式的應(yīng)用,而繼承則讓元素共享某些樣式屬性,理解這些概念有助于開發(fā)者有效管理和優(yōu)化網(wǎng)頁(yè)的視覺表現(xiàn)2024-09-09
IE 5.x/Win 和模型bug...2007-02-02
解析IE, FireFox, Opera 瀏覽器支持Alpha透明的方法
解析IE, FireFox, Opera 瀏覽器支持Alpha透明的方法...2006-12-12
css強(qiáng)制換行 css強(qiáng)制不換行的css方法
更多的關(guān)于css強(qiáng)制換行 css強(qiáng)制不換行的css方法可以參考本站的內(nèi)容頁(yè)的文章控制.2007-12-12
用css alpha 濾鏡 實(shí)現(xiàn)input file 樣式美化代碼
用css alpha 濾鏡 實(shí)現(xiàn)input file 樣式美化代碼...2007-12-12
做網(wǎng)頁(yè)字體大小參考 網(wǎng)頁(yè)中同字號(hào)字體的不同單位對(duì)比列表
做網(wǎng)頁(yè)字體大小參考 網(wǎng)頁(yè)中同字號(hào)字體的不同單位對(duì)比列表...2007-08-08
CSS屬性 - white-space 空白屬性使用說明...2007-06-06
用<TABLE>語(yǔ)句來實(shí)現(xiàn)圓角表格可以省去制作圓角圖片之苦！
用<TABLE>語(yǔ)句來實(shí)現(xiàn)圓角表格可以省去制作圓角圖片之苦！...2007-04-04
各瀏覽器padding、margin的差異...2007-02-02
CSS兼容要點(diǎn)分析...2006-11-11