溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關css如何讓兩個div重疊的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
css讓兩個div重疊的方法：首先利用【position:absolute】屬性對div設置絕對定位；然后利用z-index屬性來確定哪個div在上層。z-index屬性用于指定一個元素的堆疊順序。
重要屬性介紹：
position 屬性規定元素的定位類型。
屬性值：
absolute 生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
relative 生成相對定位的元素，相對于其正常位置進行定位。因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。
z-index 屬性指定一個元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。
屬性值：
auto 默認。堆疊順序與父元素相等。
number 設置元素的堆疊順序。
inherit 規定應該從父元素繼承 z-index 屬性的值。
代碼實現：
html代碼：
<div id="img_head" > <img src="img/首頁logo.png" class="head"> </div> <div id="img_head_back"> <img src="img/背景.png" class="back" > </div>
css代碼：
#img_head{
border: 1px solid #FF0000;
position:absolute;
width:210px;
height: 210px;
z-index: 20;
left:600px;
top:170px;
text-align: center;
}
#img_head_back{
border: 0px solid #FF0000;
position:absolute;
width: 210px;
height: 210px;
left:600px;
top:170px;
z-index:10;
}感謝各位的閱讀！關于css如何讓兩個div重疊就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
