在DW中，不同的CSS中div层顺序怎么控制？

一个图层被另外一个图层挡住了，但是这两个图层分别被两个css控制，要怎样控制这两个图层的顺序？？

举报该文章

相关建议 2013-04-06

用CSS属性里面的"z-index:（数值）“，数值可为负数，但是z-index必须配合"position"定位才可以使用，不然是没有效果的。例如：（z-index数值越大的越在上面。）<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#AAA{
position:absolute;
top:50px;
left:150px;
width:150px;
cursor:pointer;
height:150px;
z-index:4;
background-color:#F00;
}
#BBB{
position:absolute;
top:80px;
left:180px;
width:150px;
height:150px;
cursor:pointer;
z-index:5;
background-color:#0F0;
}
</style>
</head><body>
<div id="AAA" onclick="this.style.zIndex='5';document.getElementById('BBB').style.zIndex='4';">AAA </div>
<div id="BBB" onclick="this.style.zIndex='4';document.getElementById('BBB').style.zIndex='5';">BBB </div>
</body>
</html>

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/287p4424s.html

其他看法

第1个回答推荐于2018-04-10

给你写个例子：
<body>
<div class="div1">a</div>
<div class="div2">b</div>
</body>
</html>
<style type="text/css">
.div1{ width:100px; height:100px; background:red; z-index:1; position:absolute;}
.div2{ width:100px; height:100px; background:#09C; z-index:2; position:absolute;}
</style>
这样写显示出来的层就是div2所写的样式，显示出蓝色（div1被覆盖）
如果想让显示出来的是div1的样式，就把div1里面的z-index:X 这里的x只要大于div2里z-index中的值就可以了 :)本回答被网友采纳

第2个回答 2013-04-06

想在上边的用属性z-index:10;想在下边的用属性z-index:-10

第3个回答 2013-04-05

#a{
z-index:99999;
}
数字越大越靠前

相似回答

大家正在搜