技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> CSS/HTML --> 网页元素的层叠关系

网页元素的层叠关系

浏览:1293次  出处信息

一个复杂的首页通常不是简单的二维,有时需要三维的,所以不得不考虑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值修改等方法的修改就不细细介绍了,网上很多资料。

建议继续学习:

  1. 深入理解CSS中的层叠上下文和层叠顺序    (阅读:900)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1