html如何将一个div置于最上层
发布网友
发布时间：2022-04-21 20:23
共7个回答
热心网友
时间：2022-04-19 07:26
1、新建一个html文件，命名为test.html，用于讲解html如何将一个div置于最上层。
2、在test.html文件内，使用div标签创建两个模块，并分别设置它们的id为testone，testtwo。
3、在css标签内，统一设置div的样式，定义它们的位置属性为绝对定位，宽度和高度为300px。
4、在css标签内，设置id为testone的样式，定义其背景颜色为红色，同时使用z-index属性定义其为最上层。
5、在css标签内，设置id为testtwo的样式，定义其背景颜色为蓝色，距离左边和距离上边的位置为20px。
6、在浏览器打开test.html文件，查看实现的效果。
热心网友
时间：2022-04-19 08:44
设置style 中 z-index:auto
auto可定义为一个值(整数数字)，越大代表越置前，如可定义为： 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、页面中实现的效果如下：
热心网友
时间：2022-04-19 10:19
设置style 中 z-index:auto
auto可定义为一个值(整数数字)，越大代表越置前，如可定义为： z-index:999。若定义为-1，代表为最底层。div的图层由div的style中的z-index来决定，z-index是层垂直屏幕的坐标，0最小，越大的话位置越靠上。
给div的style添加z-index:9999，数值越大，越在最上面。如果是被flash遮住的，可以把flash的wmode设置为transparent 。
热心网友
时间：2022-04-19 12:10
给div的style添加z-index:9999，数值越大，越在最上面
如果是被flash遮住的，可以把flash的wmode设置为transparent
热心网友
时间：2022-04-19 16:43
把div设置成层，
然后给层 添加 z-index:99999
这里的数值9 最好是5位。
热心网友
时间：2022-04-19 19:24
只加z-index是不起作用的，需要设置position:
z-index: 99999;position: fixed; // 或absolute
热心网友
时间：2022-04-19 22:22
设置该div为绝对定位 设置zindex为最高
