本篇內容主要講解“怎么使用css z index屬性”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么使用css z index屬性”吧!

z-index屬性設置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。該屬性設置一個定位元素沿z軸的位置，z軸定義為垂直延伸到顯示區的軸。如果為正數，則離用戶更近，為負數則表示離用戶更遠。

cssz-index屬性怎么用？

語法：

z-index:auto|number;

參數：

auto：默認。堆疊順序與父元素相等。

number：數值，設置元素的堆疊順序；可以是正值，也可以是負值。

注釋：所有主流瀏覽器都支持z-index屬性。任何的版本的InternetExplorer（包括IE8）都不支持屬性值"inherit"。元素可擁有負的z-index屬性值。Z-index僅能在定位元素上奏效（例如：position:absolute,position:relative,orposition:fixed）！

cssz-index屬性示例

img{

position:absolute;

left:0px;

top:0px;

z-index:-1;

}

h3,p{

background-color:white;

border:1pxsolidred;

}

Thisisaheading

由于圖像的z-index是-1，因此它在文本的后面出現。

到此，相信大家對“怎么使用css z index屬性”有了更深的了解，不妨來實際操作一番吧！這里是創新互聯建站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！