CSS的BUG：IE6中一個(gè)奇怪的現(xiàn)象！_CSS教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
先聲明，是偶的同事xpoint碰到的，不是偶首發(fā)的。不說這句話偶肯定挨揍...當(dāng)ID與Class組合使用的時(shí)候在IE6下無法正常顯示。
CSS代碼：
HTML代碼：
幻想一下IE會(huì)把它解釋成什么？
看下面的運(yùn)行效果：
代碼調(diào)試框 [hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
事實(shí)上IE6只識(shí)別了#f.a{color: red;} 這一句，而后面三句都忽略了。 對(duì)此我們只得表現(xiàn)出無語并表示不理解。 (此現(xiàn)象在Firefox、Opera、IE5中顯示正常)
CSS代碼：
示例代碼 [hl5o.cn]
#f{ font-size:20px}
#f.a{color: red;}
#f.b{color: black; font-size:50px}
#f.c{color: blue;}
#f.d{color: orange;}
#f.a{color: red;}
#f.b{color: black; font-size:50px}
#f.c{color: blue;}
#f.d{color: orange;}
HTML代碼：
示例代碼 [hl5o.cn]
<div id=”f” class=”a”>a</div>
<div id=”f” class=”b”>b</div>
<div id=”f” class=”c”>c</div>
<div id=”f” class=”d”>d</div>
<div id=”f” class=”b”>b</div>
<div id=”f” class=”c”>c</div>
<div id=”f” class=”d”>d</div>
幻想一下IE會(huì)把它解釋成什么？
看下面的運(yùn)行效果：
代碼調(diào)試框 [hl5o.cn][ 可先修改部分代碼 再運(yùn)行查看效果 ]
事實(shí)上IE6只識(shí)別了#f.a{color: red;} 這一句，而后面三句都忽略了。 對(duì)此我們只得表現(xiàn)出無語并表示不理解。 (此現(xiàn)象在Firefox、Opera、IE5中顯示正常)
相關(guān)CSS教程：
- 相關(guān)鏈接：
- 教程說明：
CSS教程-CSS的BUG：IE6中一個(gè)奇怪的現(xiàn)象！
。