怎樣把div顯示在html的最上面
2 回答
德瑪西亞99
TA貢獻1770條經(jīng)驗 獲得超3個贊
如果你是說覆蓋的情況 就是設(shè)置position:absoult 后設(shè)置z-index
如果你是說顯示出來 將原div 頂下去。那么就將這個div設(shè)置在最上面 display:none 傳入數(shù)據(jù)后 innerHtml 然后display:block
躍然一笑
TA貢獻1826條經(jīng)驗 獲得超6個贊
這個問題已經(jīng)回答過，如下所示
設(shè)置style 中 z-index:auto
auto可定義為一個值(整數(shù)數(shù)字)，越大代表越置前，如可定義為： z-index:999。
若定義為-1，代表為最底層。
div的圖層由div的style中的z-index來決定，z-index是層垂直屏幕的坐標，0最小，越大的話位置越靠上。
·測試效果：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div圖層樣式</title>
<style>
.div-relative{position:relative; color:#000; border:1px solid #000; width:500px; height:400px}
.div-a{ position:absolute; left:30px; top:30px; background:#F00; width:200px; height:100px}
/* css注釋說明： 背景為紅色 */
.div-b{ position:absolute; left:50px; top:60px; background:#FF0; width:400px; height:200px}
/* 背景為黃色 */
.div-c{ position:absolute; left:80px; top:80px; background:#00F; width:300px; height:300px}
/* DIV背景顏色為藍色 */
</style>
</head>
<body>
<div class="div-relative">
<div class="div-a">我背景為紅色</div>
<div class="div-b">我背景為黃色</div>
<div class="div-c">我背景為藍色</div>
</div>
</body>
</html>
2、頁面中實現(xiàn)的效果如下：
添加回答
舉報
0/150
提交
取消