html设置网页div的显示层次顺序z-index
2017-03-09 22:54
453 查看
z-index定义和用法
z-index 属性的值设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注释:元素可拥有负的 z-index 属性值。注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!说明该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近(靠上层),为负数则表示离用户更远(靠底层)。
例子:
#Y_bigshow .tab-nav {
width:100%;
height:73px;
overflow:hidden;
position:absolute;
z-index:100;
bottom:-75px;
left:0;
background:url(../images/banner/bigshow-tab.png) repeat-x;
z-index:3;
}
注意:有position属性的元素设置z-index才有效。
z-index 属性的值设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注释:元素可拥有负的 z-index 属性值。注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!说明该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近(靠上层),为负数则表示离用户更远(靠底层)。
例子:
#Y_bigshow .tab-nav {
width:100%;
height:73px;
overflow:hidden;
position:absolute;
z-index:100;
bottom:-75px;
left:0;
background:url(../images/banner/bigshow-tab.png) repeat-x;
z-index:3;
}
注意:有position属性的元素设置z-index才有效。
相关文章推荐
- DIV+CSS制作网页之如何设置z-index|DIV/CSS
- HTML网页显示一下后消失的原因—HTML与javascript的执行顺序
- 解决HTML embed标签显示在div上层(not z-index)
- DIV+CSS制作网页之如何设置z-index
- html使用display:inline-block实现标签右对齐,值左对齐效果。和设置div宽度,并居中显示。嵌套div的里层div文字居中显示
- html基础 img标记 设置图片的宽度和边框 利用div使图片居中显示
- html中设置让div中的内容超出后自动显示滚动条
- Apache:设置首页运行index.html index.php的顺序
- html基础 框架网页 将网页分为上下三部分 显示框架的边框线 设置边框线的宽及颜色
- jsp/html中一个<div>悬浮在另一个悬浮的<div>之上------z-index设置
- html基础 框架网页 将网页分为上下三部分 显示框架的边框线 设置边框线的宽及颜色
- html基础 img标记 设置图片的宽度和边框 利用div使图片居中显示
- 解决embed标签显示在div上层,非设置z-index
- html设置层DIV的显示和隐藏
- DIV+CSS制作网页之如何设置z-index
- 如何让网页的各个div按顺序加载?
- html网页编码设置导致jsp页面乱码
- Vista + IIS7下不能显示图片jpg等和静态网页Html等
- 【原】HTML页面元素加载顺序研究报告(1)----简单Div罗列
- 设置网页以什么形式显示 比如word pdf exel