关于设置一个div层总在最前，在其他div层上面的代码？
<html><body><styleid="css">body{font-family:Verdana;font-size:11px;color:#333;}#win{p...
<html>
<body>
<style id="css">
body{font-family:Verdana;font-size:11px;color:#333;}
#win{position:absolute;left:100px;top:100px;width:200px;height:150px;border:1px solid #000;}
.title{width:100%;background:#000;height:18px;color:#fff;cursor:hand;}
</style>
<script>
var x0=0,y0=0,x1=0,y1=0;
var moveable=false;
//开始拖动;
function startDrag(obj){
if(event.button==1){
obj.setCapture();
var win = obj.parentNode;
x0 = event.clientX;
y0 = event.clientY;
x1 = parseInt(win.offsetLeft);
y1 = parseInt(win.offsetTop);
moveable = true;
}
}
//拖动;
function drag(obj){
if(moveable){
var win = obj.parentNode;
win.style.left = x1 + event.clientX - x0;
win.style.top = y1 + event.clientY - y0;
}
}
//停止拖动;
function stopDrag(obj){
if(moveable){
obj.releaseCapture();
moveable = false;
}
}
</script>
<div id="win">
<div class="title" onmousedown="startDrag(this)" onmouseup="stopDrag(this)" onmousemove="drag(this)">窗口1</div>
<div>
现在可以动了.<br>
,自己看看吧.<br>
</div>
</div>
<div id="win">
<div class="title" onmousedown="startDrag(this)" onmouseup="stopDrag(this)" onmousemove="drag(this)">窗</div>
<div>
现在可以动了.<br>
删了很多代码,自己看看吧.<br>
</div>
</div>
</body>
</html>
为什么”窗”层总是在”窗口1”层上面，怎样才能把”窗口1”层放”窗”层上面？ 展开
<body>
<style id="css">
body{font-family:Verdana;font-size:11px;color:#333;}
#win{position:absolute;left:100px;top:100px;width:200px;height:150px;border:1px solid #000;}
.title{width:100%;background:#000;height:18px;color:#fff;cursor:hand;}
</style>
<script>
var x0=0,y0=0,x1=0,y1=0;
var moveable=false;
//开始拖动;
function startDrag(obj){
if(event.button==1){
obj.setCapture();
var win = obj.parentNode;
x0 = event.clientX;
y0 = event.clientY;
x1 = parseInt(win.offsetLeft);
y1 = parseInt(win.offsetTop);
moveable = true;
}
}
//拖动;
function drag(obj){
if(moveable){
var win = obj.parentNode;
win.style.left = x1 + event.clientX - x0;
win.style.top = y1 + event.clientY - y0;
}
}
//停止拖动;
function stopDrag(obj){
if(moveable){
obj.releaseCapture();
moveable = false;
}
}
</script>
<div id="win">
<div class="title" onmousedown="startDrag(this)" onmouseup="stopDrag(this)" onmousemove="drag(this)">窗口1</div>
<div>
现在可以动了.<br>
,自己看看吧.<br>
</div>
</div>
<div id="win">
<div class="title" onmousedown="startDrag(this)" onmouseup="stopDrag(this)" onmousemove="drag(this)">窗</div>
<div>
现在可以动了.<br>
删了很多代码,自己看看吧.<br>
</div>
</div>
</body>
</html>
为什么”窗”层总是在”窗口1”层上面，怎样才能把”窗口1”层放”窗”层上面？ 展开
1个回答
展开全部
z-index:auto
auto定义一个值(数字)
auto定义一个值(数字)
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
