CSS 在IE6, IE7 和IE8中的差别-其它各种技术_css在ie6和ie7有什么区别-CSDN博客

原文连接：点击打开链接

@import的媒体类型

示例
@import url("styles.css") screen;

描述
就像上面的例子那样，引入的样式表文件的媒体类型声明在文件地址的后面。在该例子中，媒体类型是”screen”。

支持情况
IE6 :No; IE7 : No; IE8 : Yes.

Bugs
尽管IE6 和IE7 支持 @import，它们在媒体类型被指定的时候会无效，甚至会引起正@import规则无效。

计数递增

示例
h2 {
counter-increment: headers;
}
h2:before {
content: counter(headers) ". ";
}

描述
该CSS 技术允许你自动增加出现在指定元素前面的编号，结合before伪元素一起使用。

推荐阅读： CSS content, counter-increment 和 counter-reset详解

支持情况
IE6 : No ; IE7 : No; IE8: Yes;

生成内容的引用字符

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

q:before {
content: open-quote;
}

q:after {
content: close-quote;
}

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

支持情况
IE6 NoIE7 NoIE8 Yes

重要bug和不兼容性问题

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

IE6 Bugs
1、不支持用样式设置<abbr> 元素；
2、不支持以连字符和下划线开头的class和ID名；
3、<select> 元素总是出现在堆叠最上面，而无视z-index值；
4、如果锚点的伪类没有使用正确的顺序(:link, :visited, :hover)，:hover 伪类将无效；
5、一个属性的!important 声明会被同一规则中同一属性的没有使用!important的第二个声明覆盖；
6、height 表现类似于min-height ；
7、width 表现类似于min-width；
8、左右margin双倍；
9、圆点边框(dotted)看起来像虚线边框(dashed)；
10、text-decoration的 line-through 值在文字上看起来比别的浏览器要高一些；
11、有序列表如果有一个固定结构(haslayout为true，不能设置li的高度/宽度/zoom等激活haslayout的值)，序12、号就不会增加，而是保持为1；
13、列表元素不支持list-style-type的所有可用的值；
14、如果列表条目浮动，指定的list-style-image 将不会显示；
15、不完全支持 @font-face；
16、某些选择器会错误的匹配注释和文档声明；
17、如果一个ID 选择器结合一个类选择器不匹配，同样的ID选择器结合不同的类选择器也将被当作不匹配。

IE7 Bugs
1、有序列表如果有一个固定结构(haslayout为true，不能设置li的高度/宽度/zoom等激活haslayout的值)，序号就不会增加，而是保持为1；
2、列表元素不支持list-style-type的所有可用的值；
3、如果列表条目浮动，指定的list-style-image 将不会显示；
4、不完全支持 @font-face；
5、某些选择器会错误的匹配注释和文档声明。

CSS 在IE6, IE7 和IE8中的差别-选择器与继承

原文链接：点击打开链接