CSS 在IE6, IE7 和IE8中的差别( 三 )


支持情况IE6
NoIE7
NoIE8
Yes盒子内的页面分割示例#box {page-break-inside: avoid;}描述该属性设定分页是否发生在一个指定元素内 。
支持情况IE6
NoIE7
NoIE8
YesOutline 属性示例#box {outline: solid 1px red;}描述outline 是outline-style, outline-width, 和outline-color的缩写 。该属性要优于border属性,因为它不会影响文档流,因而u更有助于调试布局问题 。
支持情况IE6
NoIE7
NoIE8
Yesdisplay属性的替代值示例#box {display: inline-block;}描述display 属性通常设置为block, inline, 或none 。替代值包括:
inline-blockinline-tablelist-itemrun-intabletable-captiontable-celltable-columntable-column-grouptable-footer-grouptable-header-grouptable-rowtable-row-group 支持情况IE6
NoIE7
NoIE8
Yes处理可折叠空白示例p {white-space: pre-line;}div {white-space: pre-wrap;}描述white-space属性的pre-line值设定将多个空白元素折叠为一个空白,同时允许明确的设置断行 。white-space 属性的pre-wrap 值不会将多个空白折叠为一个,不过也允许明确的设置断行 。
支持情况IE6
NoIE7
NoIE8
Yes其它各种技术@import的媒体类型示例@import url(styles.css) screen;描述就像上面的例子那样,引入的样式表文件的媒体类型声明在文件地址的后面 。在该例子中,媒体类型是screen 。
支持情况IE6
NoIE7
NoIE8
YesBugs尽管IE6 和IE7 支持 @import,它们在媒体类型被指定的时候会无效,甚至会引起正@import规则无效 。
计数递增示例h2 {counter-increment: headers;}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不支持用样式设置abbr 元素不支持以连字符和下划线开头的class和ID名select 元素总是出现在堆叠最上面,而无视z-index值如果锚点的伪类没有使用正确的顺序(:link, :visited, :hover),:hover 伪类将无效一个属性的!important 声明会被同一规则中同一属性的没有使用!important的第二个声明覆盖 。height 表现类似于min-heightwidth 表现类似于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某些选择器会错误的匹配注释和文档声明

推荐阅读