CSS的BUG:IE6中一个奇怪的现象!_CSS教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
先声明,是偶的同事xpoint碰到的,不是偶首发的。不说这句话偶肯定挨揍...当ID与Class组合使用的时候在IE6下无法正常显示。
CSS代码:
HTML代码:
幻想一下IE会把它解释成什么?
看下面的运行效果:
事实上IE6只识别了#f.a{color: red;} 这一句,而后面三句都忽略了。 对此我们只得表现出无语并表示不理解。 (此现象在Firefox、Opera、IE5中显示正常)
CSS代码:
示例代码 [www.mb5u.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.mb5u.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.mb5u.com]
事实上IE6只识别了#f.a{color: red;} 这一句,而后面三句都忽略了。 对此我们只得表现出无语并表示不理解。 (此现象在Firefox、Opera、IE5中显示正常)
相关CSS教程:
- 相关链接:
- 教程说明:
CSS教程-CSS的BUG:IE6中一个奇怪的现象!。