css 左侧竖向的二级弹出菜单会被右侧的DIV内容所遮挡,改怎样解决

html-css05

css 左侧竖向的二级弹出菜单会被右侧的DIV内容所遮挡,改怎样解决,第1张

#layout{width:110pxpadding:0pxmargin:0pxheight:autooverflow:hiddenfloat:leftdisplay:inline}

去掉:overflow:hidden

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里面再写相应代码~~~应该可以的