div+css中下拉菜单在下拉下来时被另一层覆盖,这是为什么

html-css037

div+css中下拉菜单在下拉下来时被另一层覆盖,这是为什么,第1张

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>

你要先看下.NET 里面的DropdownList 生成网页的时候对应生成的标签..

你可以先运行下然后查看原文件.然后看下相对应的标签.

然后CSS里面再写相应代码~~~应该可以的

你好!这个有可能是你CSS设置了浮动,那这个时候,你只能一种方式就是将下拉菜单中的层次放到最顶端的位置,即z-index:9999,这表示,设置层在9999层,这个值如果没有设置的话,那就是说这个在原层,没有变动过,数值越高,越在上层。你的这个图片有可能就是比下拉菜单高出几层了,所以就被盖住了,你设置的z-index的值设置成高点,就会顶在上层了,不会盖住了。希望我的回答能令你满意!