CSS 浏览器兼容写法

html-css029

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%)}