彻底掌握Z-index属性
来源:互联网 发布:ubuntu iso镜像下载 编辑:程序博客网 时间:2024/04/27 20:26
http://www.cnblogs.com/gisdream/archive/2010/06/10/1755891.html
自然的层叠顺序
在一个HTML页面中,自然的层叠顺序(也就是元素在Z轴上的顺序)是由很多因素决定的。下面的是一个列表,它展示的列表项是处于一个层叠环境(stacking context,暂时未找到合适的汉语翻译,应该是指层叠的元素所处的那个层叠的环境)中,这些项是处于这个层叠环境的底部的。这个列表中的项都没有被赋予Z-index属性。
元素的背景和边框会创建一个stacking context
引用:
·具有负值的stacking contexts元素,按照出现的先后顺序排列(越靠后层级越靠上)
·没有被定位,没有浮动的块级元素,按照出现的先后顺序排列
·没有被定位,浮动的元素,按照出现的先后顺序排列
·内联元素,按照出现的先后顺序排列排列
·被定位的元素,按照出现的先后顺序排列
Z-index 属性,当被正确使用的时候,会改变自然的层叠顺序。
当然,除非元素已经被定位按照互相交叠的形式展现,否则元素的层叠顺序并不会特别的明显。
0 0
- 彻底掌握Z-index属性
- 彻底掌握Z-index属性
- 彻底掌握Z-index属性
- CSS教程:彻底掌握Z-index属性
- CSS教程:彻底掌握Z-index属性
- CSS教程:彻底掌握Z-index属性
- CSS教程:彻底掌握Z-index属性
- CSS教程:彻底掌握Z-index属性
- z-index属性简介
- Z-index属性
- z-index 属性
- CSS z-index 属性
- z-index的属性
- CSS z-index 属性
- z-index属性
- CSS z-index 属性
- css3 z-index属性
- CSS z-index 属性
- http响应
- Java请求Https SSL加密代码
- Leetcode_merge-k-sorted-lists
- Discuz常见问题解决办法
- IOS中类和对象还有,nil/Nil/NULL的区别
- 彻底掌握Z-index属性
- 自学习算法(JAVA)
- 需求分析的步骤
- Android开发中Eclipse常用快捷键
- 分享一下findBy的应用案例
- unix 进程与后台任务
- IOS-CALayer
- Struts中Validate()
- 连接格点