龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

CSS的BUG:IE6中一个奇怪的现象!

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
先声明,是偶的同事xpoint遇到的,不是偶首发的。不说这句话偶肯定挨揍...当ID与Class组合使用的时候在IE6下无法正常显示。 CSS代码: #f{font-size:20px} #f.a{color:red;} #f.b{color:black;font-size:
  先声明,是偶的同事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会把它解释成什么? 
看下面的运行效果:
Source Code to Run [www.fun52.com]
www.fun52.com
#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中显示正常)

精彩图集

赞助商链接