天天看點

CSS中z-index屬性具體是什麼意思?

定義和用法z-index 屬性設定元素的堆疊順序。

擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。

注釋:元素可擁有負的 z-index 屬性值。

注釋:Z-index 僅能在定位元素上奏效(例如 position:absolute;)!

說明該屬性設定一個定位元素沿 z 軸的位置,z 軸定義為垂直延伸到顯示區的軸。

如果為正數,則離使用者更近,為負數則表示離使用者更遠。

預設值:auto

繼承性:no

版本:CSS2

JavaScript 文法:

object.style.zIndex="1"執行個體設定圖像的 

z-index:img{
position:absolute;
left:0px; 
top:0px;
z-index:-1;
}      

TIY浏覽器支援所有主流浏覽器都支援 z-index 屬性。

注釋:任何的版本的 Internet Explorer (包括 IE8)都不支援屬性值 "inherit"。

可能的值值描述auto預設。堆疊順序與父元素相等。

number設定元素的堆疊順序。