CSS z-index 屬性
定義和用法
z-index 屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面。
注釋:元素可擁有負(fù)的 z-index 屬性值。
注釋:Z-index 僅能在定位元素上奏效(例如 position:absolute;)!
說明
該屬性設(shè)置一個(gè)定位元素沿 z 軸的位置,z 軸定義為垂直延伸到顯示區(qū)的軸。如果為正數(shù),則離用戶更近,為負(fù)數(shù)則表示離用戶更遠(yuǎn)。
默認(rèn)值: | auto |
---|---|
繼承性: | no |
版本: | CSS2 |
JavaScript 語法: | object.style.zIndex="1" |
瀏覽器支持
所有主流瀏覽器都支持 z-index 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
可能的值
值 | 描述 |
---|---|
auto | 默認(rèn)。堆疊順序與父元素相等。 |
number | 設(shè)置元素的堆疊順序。 |
inherit | 規(guī)定應(yīng)該從父元素繼承 z-index 屬性的值。 |