IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

网页元素的层叠关系

UED TEAM 2010-06-17 10:18:03 累计浏览 2,106 次
本机暂存

一个复杂的首页通常不是简单的二维,有时需要三维的,所以不得不考虑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. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,442)
  2. 视觉设计前瞻实用性研究(PNVD) 第二期 (累计阅读 12,977)
  3. 各公司对前端开发的职位描述 (累计阅读 10,405)
  4. iframe大小自适应 (累计阅读 10,057)
  5. 浏览器的渲染原理简介 (累计阅读 8,377)
  6. 解决IE6从Nginx服务器下载图片不Cache的Bug (累计阅读 8,357)
  7. 程序员眼里IE浏览器是什么样的 (累计阅读 8,011)
  8. 2010网页设计趋势 (累计阅读 7,818)
  9. Web前端工程师编程能力飞升之路 (累计阅读 7,691)
  10. 颜色的代码表达式 (累计阅读 7,665)