CSS 在IE6, IE7 和IE8中的差别

2020-05-09 07:37:55易采站长站整理

示例

q {
quotes: "'" "'";
}

q:before {
content: open-quote;
}

q:after {
content: close-quote;
}

描述

指定用于生成内容的引用呼号,用于q标签。

支持情况

IE6
No
IE7
No
IE8
Yes

重要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
将不会显示