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
屬性的值大小如何,都無法改變元素的層疊順序。上一篇python畫磁場線