在一个容器里面，我将两个div的z-index设置不同的值实现相互覆盖，但是在拉动滚动条的时候，只有一个层的div会发生移动，另外一个却没有改变，请问有什么比较好的解决方法，下吗？下图为拖动滚动条前后的效果图比较：
java吧 关注：1,246,067贴子：12,722,219
- 8回复贴，共1页
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.outter{
float:left;width:100px;height:100px;background:#eee;
}
.inner{
width:80px;height:80px;background:green;margin:10px 5px 5px 10px
}
.img{
width:80px;height:80px;background:green;margin:10px 5px 5px 10px
}
.floater{
width:80px;height:20px;background:gray;float:left;position:relative;top:-30px;left:10px;
}
</style>
</head>
<body>
<div class="outter">
<img src="123" class="img"></img>
<div class="floater"></div>
</div>
</body>
</html>
<html>
<head>
<style type="text/css">
.outter{
float:left;width:100px;height:100px;background:#eee;
}
.inner{
width:80px;height:80px;background:green;margin:10px 5px 5px 10px
}
.img{
width:80px;height:80px;background:green;margin:10px 5px 5px 10px
}
.floater{
width:80px;height:20px;background:gray;float:left;position:relative;top:-30px;left:10px;
}
</style>
</head>
<body>
<div class="outter">
<img src="123" class="img"></img>
<div class="floater"></div>
</div>
</body>
</html>
IP属地:广东
6楼2014-03-24 13:28
6楼2014-03-24 13:28收起回复
扫二维码下载贴吧客户端
下载贴吧APP
看高清直播、视频！
看高清直播、视频！
贴吧热议榜
- 1NIP不敌TES惨遭淘汰2092110
- 2国家出手治理农村高额彩礼1714103
- 3解限机测试仅两日就褒姒1375304
- 4美俄在安理会与乌欧对峙1277532
- 5小行星爽约不撞地球了948012
- 6曼谷大师赛T1零封DRX866450
- 7美国联邦雇员也逃不过写周报698088
- 8泽连斯基想找中国当靠山637376
- 9国家线出了你有学上吗503294
- 10男明星李威涉嫌杀人446376
