在css中 如何让 position:absolute 覆盖在position:relative HTML代码如下：
<divclass="aa"><divclass="aa2"></div></div><divclass="bb"><divclass="bb2"><divclass="...
<div class="aa">
<div class="aa2"></div>
</div>
<div class="bb">
<div class="bb2">
<div class="bb3"></div>
</div>
</div>
aa{position:relative}
aa2{position:absolute}
bb{position:relative}
bb2{position:relative}
bb3{position:absolute}
结果：aa2被bb元素覆盖在下面了。
想要实现的是让：aa2 在 bb,bb2,bb3上面
问题已解决 谢谢各位 展开
<div class="aa2"></div>
</div>
<div class="bb">
<div class="bb2">
<div class="bb3"></div>
</div>
</div>
aa{position:relative}
aa2{position:absolute}
bb{position:relative}
bb2{position:relative}
bb3{position:absolute}
结果：aa2被bb元素覆盖在下面了。
想要实现的是让：aa2 在 bb,bb2,bb3上面
问题已解决 谢谢各位 展开
展开全部
在aa2上面增加一个css标签z-index: 1000试试。 默认的样式不变增加一串z-index:1000
aa2{position:absolute;z-index:1000} 这是修改好的。希望能帮到你。
aa2{position:absolute;z-index:1000} 这是修改好的。希望能帮到你。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用z-index
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
<style>
.aa{position:relative}
.aa2{position:absolute;z-index:1;background-color:red}
.bb{position:relative}
.bb2{position:relative}
.bb3{position:absolute}
div{border:1px solid black;}
</style>
</head>
<div class="aa">aa
<div class="aa2">aa1</div>
</div>
<div class="bb">bb
<div class="bb2">bb2
<div class="bb3">bb3</div>
</div>
</div>
</html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
<style>
.aa{position:relative}
.aa2{position:absolute;z-index:1;background-color:red}
.bb{position:relative}
.bb2{position:relative}
.bb3{position:absolute}
div{border:1px solid black;}
</style>
</head>
<div class="aa">aa
<div class="aa2">aa1</div>
</div>
<div class="bb">bb
<div class="bb2">bb2
<div class="bb3">bb3</div>
</div>
</div>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你指的是aa2在bb的Z轴方向之上还是Y轴方向之上？
如果是Z轴之上就给aa2一个z-index：大于bb,bb2,bb3的z-index；
如果是在Y轴之上就给aa一个高度，你看看是否符合？
如果是Z轴之上就给aa2一个z-index：大于bb,bb2,bb3的z-index；
如果是在Y轴之上就给aa一个高度，你看看是否符合？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的意思是用aa2挡住 bb等3个？如果是的话，那么你给bb2一个margin-top就是了，大小等于aa的高度。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
