Z-index屬性

2022-05-31    分類： 網(wǎng)站建設

Z-index屬性決定了一個HTML元素的層疊級別。元素層疊級別是相對于元素在Z軸上（與X軸Y軸相對照）的位置而言。一個更高的Z-index值意味著這個元素在疊層順序中會更靠近頂部。這個層疊順序沿著垂直的線軸被呈現(xiàn)。
自然的層疊順序
在一個HTML頁面中，自然的層疊順序（也就是元素在Z軸上的順序）是由很多因素決定的。下面的是一個列表，它展示的列表項是處于一個層疊環(huán)境（stacking context，暫時未找到合適的漢語翻譯，應該是指層疊的元素所處的那個層疊的環(huán)境）中，這些項是處于這個層疊環(huán)境的底部的。這個列表中的項都沒有被賦予Z-index屬性。
元素的背景和邊框會創(chuàng)建一個stacking context
引用:
  • 具有負值的stacking contexts元素，按照出現(xiàn)的先后順序排列（越靠后層級越靠上）
  • 沒有被定位，沒有浮動的塊級元素，按照出現(xiàn)的先后順序排列
  • 沒有被定位，浮動的元素，按照出現(xiàn)的先后順序排列
  • 內聯(lián)元素，按照出現(xiàn)的先后順序排列排列
  • 被定位的元素，按照出現(xiàn)的先后順序排列
Z-index 屬性，當被正確使用的時候，會改變自然的層疊順序。
當然，除非元素已經被定位按照互相交疊的形式展現(xiàn)，否則元素的層疊順序并不會特別的明顯。下面的，負邊距的BOX被拿來展示，用以說明自然的層疊順序。
使Z-index并不是一個難以理解的屬性，但它卻會因錯誤的假設而使很多初級的開發(fā)人員陷入混亂?；靵y發(fā)生的原因是因為Z-index只能工作在被明確定義了absolute，fixed或relative 這三個定位屬性的元素中。

分享文章：Z-index屬性
URL網(wǎng)址：http://www.bm7419.com/news21/161921.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設、做網(wǎng)站、服務器托管、網(wǎng)站設計、企業(yè)建站、品牌網(wǎng)站設計

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

商城網(wǎng)站建設