CSS在IE6IE7和IE8中的差别介绍( 四 )


}
h2:before {
content: counter(headers) ". ";
}
描述
该CSS 技术允许你自动增加出现在指定元素前面的编号,结合before伪元素一起使用 。
推荐阅读: CSS content, counter-increment 和 counter-reset详解
支持情况
IE6
NoIE7
NoIE8
Yes生成内容的引用字符
示例
q {
quotes: "'" "'";
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
描述
指定用于生成内容的引用呼号,用于q标签 。
支持情况
IE6
NoIE7
NoIE8
Yes重要bug和不兼容性问题
下面是在上文中没有提到的IE6和IE7的众多bug 。当然这个列表不包括在这三个浏览器中都不支持的条目 。
IE6 Bugs
不支持用样式设置 元素
不支持以连字符和下划线开头的class和ID名
元素总是出现在堆叠最上面,而无视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 某些选择器会错误的匹配注释和文档声明


推荐阅读