问一个z-index的问题

[yyy85851919]

<style type="text/css">
#j_box{width:450px; margin-top:200px; height:1000px; background-color:#ccc;}
#j_box ul{width:500px;}
#j_box ul li{width:200px; height:200px; margin-right:50px; float:left; text-align:left;}
.container {position: relative; z-index:8;}
.box1 {position: absolute;top:70px;left:10px;width:200px;height:200px;background-color:#000; display:none; z-index:10;}
.box2 {position:absolute;top:0;left:0;width: 200px;height: 150px;background-color: green;z-index:9;}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("#j_box").children("ul").children("li").hover(function () {
//$(this).find("div.box1").slideDown();
$(this).find("div.box1").css("display", "block");
}, function () {
//$(this).find("div.box1").slideUp("fast");
$(this).find("div.box1").css("display", "none");
});
});
</script>
<div id="j_box">
<ul>
<li>
<div class="container">
<div class="box1">#box1</div>
<div class="box2">#box2</div>
</div>
</li>

<li>
<div class="container">
<div class="box1">#box1</div>
<div class="box2">#box2</div>
</div>
</li>

<li>
<div class="container">
<div class="box1">#box1</div>
<div class="box2">#box2</div>
</div>
</li>

<li>
<div class="container">
<div class="box1">#box1</div>
<div class="box2">#box2</div>
</div>
</li>

<li>
<div class="container">
<div class="box1">#box1</div>
<div class="box2">#box2</div>
</div>
</li>
</ul>
</div>
鼠标移上显示的层置于最上面，不要被绿色的层遮盖掉

[我是老姚]

$(document).ready(function () { $("#j_box").children("ul").children("li").hover(function () { //$(this).find("div.box1").slideDown(); $(this).find("div.box1").css("display", "block"); $(this).find("div.box1").css("z-index", "100000"); }, function () { //$(this).find("div.box1").slideUp("fast"); $(this).find("div.box1").css("display", "none"); $(this).find("div.box1").css("z-index", "0"); }); });

[yyy85851919]

这个办法试过，没有用的

[yyy85851919]

引用 楼主 yyy85851919 的回复:

<style type="text/css"> #j_box{width:450px; margin-top:200px; height:1000px; background-color:#ccc;} #j_box ul{width:500px;} #j_box ul li{width:200px; height:20……

还是被绿色的层遮盖掉

[yyy85851919]

加到100分，有没有人帮忙解决呀

[我是老姚]

.container {position: relative;} 这一行去掉z-index