在 CSS 樣式表里,可以用z-index
屬性來設置元素的堆疊順序。具體地說,z-index 值越大的元素就會呈現在越靠前的位置。
在使用 z-index 屬性時,需要確定以下幾點:
- 設置 z-index 的元素必須使用定位屬性(
position: relative
、position: absolute
或position: fixed
) - 嵌套元素的 z-index 關系是相對的,即子元素的 z-index 值與父元素的 z-index 值是相互獨立的
如果想要將某個元素浮動到最上層,可以通過以下兩種方法實現:
方法一:增加 z-index 值
#element { position: relative; z-index: 9999; }
在元素的樣式中,將 z-index 屬性的值設為一個較大的數字,使其比其他元素的 z-index 值更高,從而達到浮動到最上層的效果。
方法二:將元素放置在 body 元素之外
#element { position: absolute; left: -9999px; }
將元素的位置通過絕對定位方式,放置在整個文檔的左側,位置跑到了body
元素的外面,這樣其他元素就無法與它重疊,從而實現浮動到最上層的效果。
上一篇css 注釋符
下一篇css 浮動 相對定位