CSS 浏览器兼容写法

html-css015

CSS 浏览器兼容写法,第1张

1.Z-INDEX: 300

Z-INDEX 是层叠顺序，当你设置了POSITION: absolute的时候，这个层叠顺序才起作用。你有两个层一个是Z-INDEX: 299令一个是Z-INDEX: 300那么Z-INDEX: 300的会覆盖在上边。

2.. POSITION: absolute

这个就是绝对定位。

3. 当你设置了绝对定位以后，你必须给这个层设置它的位置，如果你不设置的话，他就会出现在浏览器给他的默认位置，而每个浏览器设置的默认位置是不同的，所以你需要给他一个确定的TOP 和 LEFT位置，在所有浏览器下就能出现在固定位置了。也就是你说的兼容了。

添加一个兼容webkit的样式，即可支持极速模式，方法如下：

html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)-webkit-filter: grayscale(100%)}