html设置网页div的显示层次顺序z-index

来源:互联网 发布:将无线设备添加到网络 编辑:程序博客网 时间:2024/05/16 12:20


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才有效。


0 0
原创粉丝点击