CSS的BUG：IE6中一个奇怪的现象！
发布时间：2023-05-10 编辑：jiaochengji.com
教程集为您提供CSS的BUG：IE6中一个奇怪的现象！等资源，欢迎您收藏本站，我们将为您提供最新的CSS的BUG：IE6中一个奇怪的现象！资源
先声明，是偶的同事xpoint遇到的，不是偶首发的。不说这句话偶肯定挨揍...当ID与Class组合使用的时候在IE6下无法正常显示。
CSS代码：
| 代码如下 | |
| #f{ font-size:20px} #f.a{color: red;} #f.b{color: black; font-size:50px} #f.c{color: blue;} #f.d{color: orange;} | |
HTML代码：
| 代码如下 | |
| <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> | |
幻想一下IE会把它解释成什么？
看下面的运行效果：
| 代码如下 | |
| #f{ font-size:20px} #f.a{color: red;} #f.b{color: black; font-size:50px} #f.c{color: blue;} #f.d{color: orange;} a b c d | |
[ 可先修改部分代码 再运行查看效果 ]
事实上IE6只识别了#f.a{color: red;} 这一句，而后面三句都忽略了。
对此我们只得表现出无语并表示不理解。
(此现象在Firefox、Opera、IE5中显示正常)
您可能感兴趣的文章：
[关闭]