CSS在Internet Explorer 6, 7 和8中的差别（5）

重要bug和不兼容性问题

下面是在上文中没有提到的IE6和IE7的众多bug。当然这个列表不包括在这三个浏览器中都不支持的条目。

IE6 Bugs

• 不支持用样式设置<abbr> 元素

• 不支持以连字符和下划线开头的class和ID名

• <select> 元素总是出现在堆叠最上面，而无视z-index值

• 如果锚点的伪类没有使用正确的顺序(:link, :visited, :hover)，:hover 伪类将无效

• 一个属性的!important 声明会被同一规则中同一属性的没有使用!important的第二个声明覆盖。

• height 表现类似于min-height

• width 表现类似于min-width

• 左右margin双倍

• 圆点边框(dotted)看起来像虚线边框(dashed)

• text-decoration的 line-through 值在文字上看起来比别的浏览器要高一些

• 有序列表如果有一个固定结构(haslayout为true，不能设置li的高度/宽度/zoom等激活haslayout的值)，序号就不会增加，而是保持为1

• 列表元素不支持list-style-type的所有可用的值

• 如果列表条目浮动，指定的list-style-image 将不会显示

• 不完全支持 @font-face

• 某些选择器会错误的匹配注释和文档声明

• 如果一个ID 选择器结合一个类选择器不匹配，同样的ID选择器结合不同的类选择器也将被当作不匹配。

IE7 Bugs

• 有序列表如果有一个固定结构(haslayout为true，不能设置li的高度/宽度/zoom等激活haslayout的值)，序号就不会增加，而是保持为1

• 列表元素不支持list-style-type的所有可用的值

• 如果列表条目浮动，指定的list-style-image 将不会显示

• 不完全支持 @font-face

• 某些选择器会错误的匹配注释和文档声明

一些在这里没有提到的IE bug只会在特定环境发生，而且没有指定到特定的CSS属性或值。查看下面的参考以了解更多问题：

关于作者

Louis Lazaris 是一个居住在加拿大多伦多的自由职业者，网页开发者，在网站开发领域有9年的经验，在其博客Impressive Webs发布网页设计文章和教程。你可以follow Louis on Twitter 或者在这里联系到他。

译自：CSS Differences in Internet Explorer 6, 7 and 8