展开全部
div+css中下拉菜单在下拉下来时被另一层覆盖，这个是因为通过Js给这个层添加了一个display:none，当鼠标点到指定的那个层的时候，这个css就会执行，因而这个层就会被隐藏掉，具体我们通过代码来理解：
<html>
<head>
<style>
#div1{
width:600px;
height:200px;
font-size:13px;
}
#div1 #img{
width:600px;
height:200px;
}
#div1 #wenzi{
width:600px;
height:200px;
}
</head>
<script>
window.onload = function(){
var oImg = document.getElementById('img');
var oWen = document.getElementById('wenzi');
oImg.onclick = function(){
oWen.style.display = "none";
}
}
</script>
<body>
<div id='div1'>
<div id='img'>
<p>测试文字1</p>
</div>
<div id='wenzi'>
<p>测试文字2</p>
</div>
</div>
</body>
</html>
<html>
<head>
<style>
#div1{
width:600px;
height:200px;
font-size:13px;
}
#div1 #img{
width:600px;
height:200px;
}
#div1 #wenzi{
width:600px;
height:200px;
}
</head>
<script>
window.onload = function(){
var oImg = document.getElementById('img');
var oWen = document.getElementById('wenzi');
oImg.onclick = function(){
oWen.style.display = "none";
}
}
</script>
<body>
<div id='div1'>
<div id='img'>
<p>测试文字1</p>
</div>
<div id='wenzi'>
<p>测试文字2</p>
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把下面的search加上z-index:1; 然后上面的下拉的加上z-index:999; 都用上定位试试！！！应该不会覆盖的！
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
层被遮盖了，可以给最上面的层加个z-index:1999;
追问
加了，不管用
追答
是不是上面的层没给定位。没设置position:absolute;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
z-index不够足够的 大！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
应该是li上面加css属性
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
