中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

Z-index屬性

2022-05-31    分類: 網站建設

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

分享文章:Z-index屬性
URL網址:http://m.2m8n56k.cn/news21/161921.html

成都網站建設公司_創新互聯,為您提供網站建設做網站服務器托管網站設計企業建站品牌網站設計

廣告

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

商城網站建設
主站蜘蛛池模板: 99精品久久99久久久久 | 久久99一区| 成年人视频在线免费 | 国产成人高清精品免费软件 | 久久亚洲成人 | 91久久夜色精品国产网站 | 亚洲一区二区天海翼 | 久久是精品| 国产不卡一区二区三区免费视 | 久久久国产99久久国产一 | 亚洲一区二区在线视频 | 国产一精品一aⅴ一免费 | 国产一区二区免费在线 | 国产大尺度福利视频在线观看 | 久久视频在线免费观看 | 4455四色永久免费 | 色天使影院 | 国产一区二三区 | 亚洲国产毛片aaaaa无费看 | 青久草视频 | 免费福利入口在线观看 | 一级在线 | 欧洲 | 国产精品视_精品国产免费 国产精品视频久 | 亚洲线精品久久一区二区三区 | 成人在线免费视频 | 亚洲成a人不卡在线观看 | 全免费毛片在线播放 | 香蕉视频国产精品 | 久久精品视频网站 | 美女131爽爽爽做爰中文视频 | 精品国产高清a毛片 | 精品国产精品国产 | 91国内视频在线观看 | 中文字幕在线观看91 | 亚洲高清综合 | 99在线精品视频免费观里 | 自拍 第一页 | 免费网站看v片在线香蕉 | 中文在线日韩 | 国产乱码精品一区二区三区中 | 日韩精品999 |