在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上面
问题已解决谢谢各位展开

 我来答

6个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

Thunur
推荐于2018-04-23 · TA获得超过823个赞

知道小有建树答主

回答量：293

采纳率：50%

帮助的人：84.7万

我也去答题访问个人页

关注

展开全部

在aa2上面增加一个css标签z-index: 1000试试。 默认的样式不变增加一串z-index:1000 
aa2{position:absolute;z-index:1000} 这是修改好的。希望能帮到你。

本回答被提问者和网友采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

北京勤哲软件技术

广告2024-12-23

勤哲Excel服务器软件2024，用Excel自动生成基于web，移动APP和PC的行业web开发。适合于各行各业的管理人员使用。

www.qinzhe.com

Zy_try
2012-05-27 · TA获得超过291个赞

知道小有建树答主

回答量：848

采纳率：0%

帮助的人：189万

我也去答题访问个人页

关注

展开全部

用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>