色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css中div置于上層

宋博文1年前7瀏覽0評論

CSS中,

<div>
元素的層疊順序可以通過設置z-index屬性來控制。默認情況下,
<div>
的層疊順序是直接與頁面上的其他元素共存的,即
元素的層疊順序是0,與頁面上的其他元素相同。

如果要使

元素置于其他元素的上層,只需要使用z-index屬性將其設為一個大于0的值即可。值越大,層疊順序越高,即越在上層。

.top{
position: absolute;
z-index: 1;   /* 將該元素置于上層 */
}
.bottom{
position: relative;
z-index: 0;
}

在上面的示例中,

<div class="top">
元素被設置為絕對定位,然后通過z-index屬性將其置于上層,
<div class="bottom">
元素被設置為相對定位,層疊順序默認為0,即位于下層。

需要注意的是,只有使用了定位(即設置了position屬性)的

元素才能使用z-index屬性進行層疊控制。如果元素沒有定位,無論設置z-index屬性的值大小如何,都無法改變元素的層疊順序。