网络编程
位置:首页>> 网络编程>> 网页设计>> CSS在Internet Explorer 6, 7 和8中的差别(5)

CSS在Internet Explorer 6, 7 和8中的差别(5)

作者:神采飞扬 来源:前端观察 发布时间:2009-10-26 18:14:00 

标签:CSS,IE6,IE7,IE8,区别

重要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-decorationline-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

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com