CSS的BUG：IE6中一個奇怪的現象！_CSS教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
先聲明，是偶的同事xpoint碰到的，不是偶首發的。不說這句話偶肯定挨揍...當ID與Class組合使用的時候在IE6下無法正常顯示。
CSS代碼：
HTML代碼：
幻想一下IE會把它解釋成什么？
看下面的運行效果：
代碼調試框 [www.ghpqjb.com]
[ 可先修改部分代碼 再運行查看效果 ]
事實上IE6只識別了#f.a{color: red;} 這一句，而后面三句都忽略了。 對此我們只得表現出無語并表示不理解。 (此現象在Firefox、Opera、IE5中顯示正常)
CSS代碼：
示例代碼 [www.ghpqjb.com]
#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代碼：
示例代碼 [www.ghpqjb.com]
<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會把它解釋成什么？
看下面的運行效果：
代碼調試框 [www.ghpqjb.com][ 可先修改部分代碼 再運行查看效果 ]
事實上IE6只識別了#f.a{color: red;} 這一句，而后面三句都忽略了。 對此我們只得表現出無語并表示不理解。 (此現象在Firefox、Opera、IE5中顯示正常)
相關CSS教程：
- 相關鏈接：
- 教程說明：
CSS教程-CSS的BUG：IE6中一個奇怪的現象！
。