您的位置:首页 > Web前端 > HTML

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才有效。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: