Z-index屬性

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

Z-index屬性決定了一個HTML元素的層疊級別。元素層疊級別是相對于元素在Z軸上（與X軸Y軸相對照）的位置而言。一個更高的Z-index值意味著這個元素在疊層順序中會更靠近頂部。這個層疊順序沿著垂直的線軸被呈現(xiàn)。
自然的層疊順序
在一個HTML頁面中，自然的層疊順序（也就是元素在Z軸上的順序）是由很多因素決定的。下面的是一個列表，它展示的列表項是處于一個層疊環(huán)境（stacking context，暫時未找到合適的漢語翻譯，應(yīng)該是指層疊的元素所處的那個層疊的環(huán)境）中，這些項是處于這個層疊環(huán)境的底部的。這個列表中的項都沒有被賦予Z-index屬性。
元素的背景和邊框會創(chuàng)建一個stacking context
引用:

具有負(fù)值的stacking contexts元素，按照出現(xiàn)的先后順序排列（越靠后層級越靠上）
沒有被定位，沒有浮動的塊級元素，按照出現(xiàn)的先后順序排列
沒有被定位，浮動的元素，按照出現(xiàn)的先后順序排列
內(nèi)聯(lián)元素，按照出現(xiàn)的先后順序排列排列
被定位的元素，按照出現(xiàn)的先后順序排列

Z-index 屬性，當(dāng)被正確使用的時候，會改變自然的層疊順序。
當(dāng)然，除非元素已經(jīng)被定位按照互相交疊的形式展現(xiàn)，否則元素的層疊順序并不會特別的明顯。下面的，負(fù)邊距的BOX被拿來展示，用以說明自然的層疊順序。
使Z-index并不是一個難以理解的屬性，但它卻會因錯誤的假設(shè)而使很多初級的開發(fā)人員陷入混亂?；靵y發(fā)生的原因是因為Z-index只能工作在被明確定義了absolute，fixed或relative 這三個定位屬性的元素中。

網(wǎng)站名稱：Z-index屬性
文章鏈接：http://chinadenli.net/news/161921.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、靜態(tài)網(wǎng)站、網(wǎng)站設(shè)計、網(wǎng)站內(nèi)鏈、網(wǎng)站導(dǎo)航、電子商務(wù)

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

猜你還喜歡下面的內(nèi)容

在無錫企業(yè)網(wǎng)站SEO優(yōu)化關(guān)鍵的技巧 2022-05-31
外貿(mào)老司機的八個關(guān)鍵詞帶你飛 2022-05-31
如何提高網(wǎng)站客戶訪問量 2022-05-31
如何巧妙避免關(guān)鍵詞的內(nèi)部競爭 2022-05-31
如何設(shè)計一個落地頁，才算得上是一個好的落地頁？ 2022-05-31
百度聯(lián)盟深挖流量價值 2022-05-31
怎么能讓網(wǎng)站上百度首頁？百度信譽了解一下 2022-05-31

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

Z-index屬性