一个复杂的首页通常不是简单的二维，有时需要三维的，所以不得不考虑z-index的层叠关系问题。通常一个页面会由不同组别的人来维护，由于没有 一个统一的规范，z-index会随便的定义，制作人为了安全起见会设置一个很大的z-index值：9999，但是这样设置也并不表示就是安全100% 在页面最上面了，所以需要一个规范来使得z-index来确保页面元素的正确z-index。

产生z-index的情况：

1. css元素的布局定位
2. 广告漂浮元素
3. select、flash与iframe等特殊元素

建议z-index的规则

1. 普通内容元素z-index保持在100以内（或者更大）；
2. 广告元素z-index大于第一条的值如100-200；
3. 弹出窗、遮罩层、活动元素z-index值大于200；

IE6的select利用iframe遮罩方法，flash的wmode值修改等方法的修改就不细细介绍了，网上很多资料。

作者：清海

云纹：http://www.ued163.com/?p=872

本文来自: 网页元素的层叠关系

您或许也会喜欢：