CSS中的z-index屬性是用于制定元素在層疊順序中的位置,決定了哪個元素會覆蓋哪個元素。z-index屬性僅適用于定位元素。
當兩個或者更多的元素重疊在一起時,z-index屬性允許你控制它們之間的分層。較高的z-index值會使元素置于較低的z-index值元素之上。
例如,下面這段CSS代碼將一個元素的z-index設置為1:
.element { position: absolute; z-index: 1; }
在這個例子中,.element元素將會在其他z-index值為0的元素上方顯示。
當多個元素的z-index相同時,它們的層疊順序將會基于它們在HTML文檔中的出現順序。
需要注意的是,z-index屬性具有繼承性,也就是說它可以被子元素繼承。如果父元素的z-index被設置為一個較低的值,它的子元素將會被父元素覆蓋。
總之,了解和正確使用z-index屬性可以幫助我們在CSS中更好地控制元素的疊放順序,從而創造出更好的效果。