CSS 在IE6, IE7 和IE8中的差别

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

支持情况

IE6
No
IE7
Yes
IE8
Yes

透明边框颜色
示例

#box {
border: solid 1px transparent;
}

描述

一个透明的边框色允许一个边框和边框色可见(或者不透明)时占用一样的空间。

支持情况

IE6
No
IE7
Yes
IE8
Yes

固定位置元素
示例

#box {
position: fixed;
}

描述

position
属性的这个值允许一个元素绝对的相对于窗口定位。

支持情况

IE6
No
IE7
Yes
IE8
Yes

固定位置的背景图
示例

#box {
background-image: url(images/bg.jpg);
background-position: 0 0;
background-attachment: fixed;
}

描述

background-attachment
属性的值为fixed允许一个背景图片绝对地相对于窗口定位。

支持情况

IE6
No
IE7
Yes
IE8
Yes

Bugs

就像position:fixed一样,IE6同样不支持background-positon的fixed值 。然而,在IE6中只有在这个值用于根元素的时候才有效。

属性值“inherit”
示例

#box {
display: inherit;
}

描述

将值

inherit
应用到一个属性那个允许一个元素从它的包含元素继承计算的值。

支持情况

IE6
No
IE7
No
IE8
Yes

Bugs

IE6 和IE7 不支持

inherit
值除了
direction
visibility
属性。

表格单元的边框空白
示例

table td {
border-spacing: 3px;
}

描述

该属性设置相邻的表格单元的边框之间的空白。

支持情况

IE6
No
IE7
No
IE8
Yes

在表格中渲染空单元格
示例

table {
empty-cells: show;
}

描述

该属性,只应用于元素的display属性被设置为 table-cell的元素,允许空单元格渲染他们的边框和背景。否则,它们将不可见。