div被遮擋,讓一個div層浮在最上層的方法

首先將position定義為,absolute、relative或fixed。
【必須position為以上三個屬性,z-index才能層級體現(xiàn)出來,才能起作用】
設置 style 中 z-index:auto
auto可定義為一個值(整數數字),越大代表越置前,如可定義為: z-index:9999。
若定義為-1,代表為最底層。
如果要讓div1不被div2遮擋,則將div1的z-index設置比div2大就可以了。

看個例子

<div style="position: fixed;float: left;width:100px;height:100px;background-color:pink;z-index:1;">
</div>

<div style="position: fixed;float: left;width:200px;height:200px;background-color:gray;">
</div>

先寫的粉色div,后寫的灰色div,但通過z-index可以讓粉色div在灰色div之上

div被遮擋,讓一個div層浮在最上層的方法

原文鏈接:https://blog.csdn.net/redaiyuqun/article/details/54379354

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 引用CSS方式 內部引用 html文件中寫一個 標簽,并將樣式寫入到里面,舉例: 外部引用 通過 標簽實現(xiàn),里面有...
    dawsonenjoy閱讀 590評論 0 0
  • 第一種方式: 首先,我們在html中有這樣一個布局: 不要小看外面那個div,它可是本次內容不可少的呢,沒了它,后...
    心羽暖姐姐閱讀 9,726評論 1 2
  • CSS代碼--寫在哪里?外部樣式: 內頁樣式: 此處寫CSS代碼 行內樣式: 將字體改為紅色 CSS基本語法 CS...
    Francis__閱讀 354評論 1 3
  • 一、div和span區(qū)別 塊元素與內聯(lián)元素區(qū)別 塊元素又稱塊級元素(block element)和其對應的是內聯(lián)元...
    遼A丶孫悟空閱讀 3,076評論 7 43
  • 瀏覽器可以被認為是使用最廣泛的軟件,本文將介紹瀏覽器的工 作原理,我們將看到,從你在地址欄輸入google.com...
    haokeqiudu閱讀 938評論 0 0

友情鏈接更多精彩內容