css中z-index屬性的意思：設置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。

簡單的說就是利用這個屬性可以把一段文字置于一張圖片之上，或者把圖片置于文字之上，只要設置好合適的優先級就可以了。

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

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

說明：

該屬性設置一個定位元素沿 z 軸的位置，z 軸定義為垂直延伸到顯示區的軸。如果為正數，則離用戶更近，為負數則表示離用戶更遠。

示例：

img

{

position:absolute;

left:0px;

top:0px;

z-index:-1;

}

This is a heading

因為圖像元素設置了 z-index 屬性值為 -1, 所以它會顯示在文字之后。

效果圖：

更多web開發知識，請查閱 HTML中文網 ！！

總結

以上是生活随笔為你收集整理的html中index.css里面写什么,css中z-index是什么意思？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。