CSS在Internet Explorer 6, 7 和8中的差别(3)
作者：互联网
2010-03-12
WEB标准化
D、透明边框颜色
示例
| #box { border: solid 1px transparent; } |
描述
一个透明的边框色允许一个边框和边框色可见(或者不透明)时占用一样的空间。
支持情况
| IE6 No IE7 Yes IE8 Yes |
E、固定位置元素
示例
| #box { position: fixed; } |
描述
position属性的这个值允许一个元素绝对的相对于窗口定位。
支持情况
| IE6 No IE7 Yes IE8 Yes |
F、固定位置的背景图
示例
| #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中只有在这个值用于根元素的时候才有效。
G、属性值“inherit”
示例
| #box { display: inherit; } |
描述
将值inherit 应用到一个属性那个允许一个元素从它的包含元素继承计算的值。
支持情况
| IE6 No IE7 No IE8 Yes |
Bugs
IE6 和IE7 不支持inherit 值除了direction 和visibility 属性。
H、表格单元的边框空白
示例
| table td { border-spacing: 3px; } |
描述
该属性设置相邻的表格单元的边框之间的空白。
支持情况
| IE6 No IE7 No IE8 Yes |
I、在表格中渲染空单元格
示例
| table { empty-cells: show; } |
描述
该属性，只应用于元素的display属性被设置为 table-cell的元素，允许空单元格渲染他们的边框和背景。否则，它们将不可见。
支持情况
| IE6 No IE7 No IE8 Yes |
J、表格标题的水平位置
示例
| table { caption-side: bottom; } |
描述
这个属性允许将一个表格的标题放到表格的底部——默认是头部。
支持情况
| IE6 No IE7 No IE8 Yes |
K、修剪区域
示例
| #box { clip:rect(20px, 300px, 200px, 100px) } |
描述
该属性指定一个盒子的一个区域可见，剩下的部分修剪掉，或者不可见。
支持情况
| IE6 No IE7 No IE8 Yes |
Bugs
有趣的是，该如果不使用隔开各个值的逗号，IE6和IE7也可以用这个属性。(比如，使用空格隔开剪切的值。)
L、打印页面中的orphanes和widows
示例
| p { orphans: 4; } p { widows: 4; } |
描述
orphans属性设定在打印页面底部显示的最少行数。而widows 属性用来设定打印页面头部至少显示的段落的行数。
支持情况
| IE6 No IE7 No IE8 Yes |
相关标签:
相关推荐
