在CSS樣式中,z-index
屬性被用來指定堆疊順序,即元素的前后順序。它的取值可以是正數、負數、0或者auto。
當元素有重疊部分時,z-index
值較高的元素會被放置在較低的元素上面。如果兩個元素的z-index
值相同,則它們的堆疊順序取決于它們在HTML代碼中的出現順序,后出現的元素會在前面的元素上面。
舉個例子,我們有兩個div
元素:
<div class="one" style="z-index: 1"></div> <div class="two" style="z-index: 2"></div>
元素.one
的z-index
值是1,而元素.two
的z-index
值是2,所以元素.two
會被放置在元素.one
上面。
需要注意的是,z-index
只適用于在CSS中指定了定位屬性(如position: absolute
或position: relative
)的元素。如果元素沒有指定定位屬性,則z-index
會被忽略。
下一篇css把視頻居中顯示