Question

CSS 浏览器兼容写法

#Layer4 {
Z-INDEX: 300; WIDTH: 130px; POSITION: absolute; TOP: 75px; HEIGHT: 47px
}
1. Z-INDEX: 300; 是什么意思？
2.. POSITION: absolute; 是什么意思？是绝对定位吗？
3. 为什么这理只给出了一个TOP 就能兼容所有有浏览器？

Answer 1

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

2.. POSITION: absolute;
这个就是绝对定位。

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

Answer 2

1：
z-index:300
#Layer4的层叠顺序为300
PS:在CSS中,除了X轴,Y轴,还有就是Z轴(类似数学上的坐标),X、Y，是一个平面，而Z即是垂直位置，如，一棰楼房中的第300层。

2：
POSITION: absolute，就是你说的绝对定位。

3：
你单纯只发这些代码，没有任何可以解释的地方，这里跟浏览器的兼容没有任何关系。这里只是一个定位而已。

Answer 3

1是层的深度，比如你有多个层重叠的话，数字小的会覆盖数字大的；
2是绝对位置，相对于浏览器的，要是用相对位置，一般是针对父容器的；
3跟浏览器兼容没有什么关系，只是说相对于顶部的距离；
要是说兼容性，要用类似 <!--[if IE 7]><!--> </a> <!--<![endif]-->
这样的语句，比较复杂，不是一两句能说清的。