html如何将一个div置于最上层
9个回答
展开全部
展开全部
设置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、页面中实现的效果如下:
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
给div的style添加z-index:9999,数值越大,越在最上面
如果是被flash遮住的,可以把flash的wmode设置为transparent
如果是被flash遮住的,可以把flash的wmode设置为transparent
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
把div设置成层,
然后给层 添加 z-index:99999
这里的数值9 最好是5位。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询