网页元素的层叠关系
浏览:1290次 出处信息
一个复杂的首页通常不是简单的二维,有时需要三维的,所以不得不考虑z-index的层叠关系问题。通常一个页面会由不同组别的人来维护,由于没有 一个统一的规范,z-index会随便的定义,制作人为了安全起见会设置一个很大的z-index值:9999,但是这样设置也并不表示就是安全100% 在页面最上面了,所以需要一个规范来使得z-index来确保页面元素的正确z-index。
产生z-index的情况:
- css元素的布局定位
- 广告漂浮元素
- select、flash与iframe等特殊元素
建议z-index的规则
- 普通内容元素z-index保持在100以内(或者更大);
- 广告元素z-index大于第一条的值如100-200;
- 弹出窗、遮罩层、活动元素z-index值大于200;
IE6的select利用iframe遮罩方法,flash的wmode值修改等方法的修改就不细细介绍了,网上很多资料。
建议继续学习:
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:HTML5是什么东东 我们为什么要关注
后一篇:一个全角空格的问题 >>
文章信息
- 作者:robot 来源: UED TEAM
- 标签: 层叠
- 发布时间:2010-06-17 10:18:03
建议继续学习
近3天十大热文
- [11] 产品设计之QQ邮箱登录页与淘宝登录页
- [10] Python连接 MySQL 数据库的超时问
- [8] 读书:谣言
- [8] 一个 VLA (可变长度数组)的实现
- [8] 分布式系统的事务处理
- [7] 浅述各平台系统交互设计的不同关注点
- [7] 细说促销(三):促销的实施
- [7] 设计上的小细节
- [7] 一句话crontab实现防ssh暴力破解
- [7] 页面线框图教程(之一):从本质到表象