html如何将一个div置于最上层

 我来答
百度网友faadf46
高粉答主

2020-12-29 · 说的都是干货,快来关注
知道答主
回答量:4556
采纳率:0%
帮助的人:75.4万
展开全部

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文件,查看实现的效果。

奥力给2023
推荐于2017-09-06 · TA获得超过2164个赞
知道小有建树答主
回答量:731
采纳率:67%
帮助的人:383万
展开全部

设置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、页面中实现的效果如下:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
一起看娱乐聊八卦
推荐于2019-09-03 · TA获得超过1.2万个赞
知道小有建树答主
回答量:55
采纳率:100%
帮助的人:1.5万
展开全部

设置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 。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
澤希Dc
推荐于2017-09-02 · TA获得超过1747个赞
知道小有建树答主
回答量:509
采纳率:0%
帮助的人:257万
展开全部
给div的style添加z-index:9999,数值越大,越在最上面
如果是被flash遮住的,可以把flash的wmode设置为transparent
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
哈哈女神笑哈哈
2015-09-15 · TA获得超过852个赞
知道小有建树答主
回答量:144
采纳率:0%
帮助的人:39万
展开全部
  1. 把div设置成层,

  2. 然后给层 添加 z-index:99999

  3. 这里的数值9 最好是5位。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(7)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式