1. 程式人生 > >html設定網頁div的顯示層次順序z-index

html設定網頁div的顯示層次順序z-index

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