<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Div下拉菜单被Select挡住的解决办法_dwww.cn</title>
</head><body>
<div style="z-index: 10; position: absolute; width: 100; height: 18; overflow: hidden;"
onmouseover="this.style.height=100;" onmouseout="this.style.height=18;">
<iframe style="position: absolute; z-index: -1; width: 100%; height: 100%; top: 0;
left: 0; scrolling: no;" frameborder="0" src="about:blank"></iframe>
<div style="background-color: silver;">
下拉菜单<br />
bbbbbbb<br />
ccccccc<br />
ccccccc<br />
ccccccc<br />
ccccccc
</div>
</div>
<select style="width: 200">
<option>test0</option>
<option>test1</option>
<option>test2</option>
<option>test3</option>
</select>
<br />
<pre>
Div被Select挡住,是一个比较常见的问题。
有的朋友通过把div的内容放入iframe或object里来解决。
可惜这样会破坏页面的结构,互动性不大好。
这里采用的方法是:
虽说div直接盖不住select
但是div可以盖iframe,而iframe可以盖select,
所以,把一个iframe来当作div的底,
这个div就可以盖住select了.
</pre>
</body></html>
分享到:
相关推荐
div+css打造select下拉菜单,可自己修改相应样式!!!
绿色下载站的div模拟select下拉菜单美化效果
Div下拉菜单被Select挡住的解决办法 下拉菜单 bbbbbbb ccccccc ccccccc ccccccc ccccccc test0 test1 test2 test3 Div被Select挡住,是一个比较常见的问题。 有的朋友通过把div的内容放入iframe或object里来...
jQuery div仿select下拉选项菜单美化获取html jQuery div仿select下拉选项菜单美化获取html jQuery div仿select下拉选项菜单美化获取html jQuery div仿select下拉选项菜单美化获取html
Div下拉菜单被Select挡住的解决办法</title> </head><body> <div style=”z-index: 10; position: absolute; width: 100; height: 18; overflow: hidden;” onmouseover=”this....
div模拟select下拉菜单美化效果实例
jQuery+div+css模拟select自定义下拉列表框,简单轻巧实用。
使用DIV+CSS技术实现导航栏菜单的制作,鼠标经过每个菜单标题,它的子菜单就会出现。
如果你想做一个漂亮的下拉菜单,那么这个资源就是你最好的选择,代码不是很难,利用纯CSS+DIV做的,所以你如果想改样式的话也很简单!
超级实用的多级下拉菜单示例!非常实用哟!
4中不同风格的div css菜单;4中不同风格的div css菜单
DIV+CSS下拉菜单,资源里面包括5个个性的下拉菜单 需要者快下吧!
DIV+CSS制作的CSS的下拉菜单,用着方便,简单易用
使用DIV实现列表弹出,选择列表内容后将内容存储到input
导航菜单.div css下拉导航菜单分类代码是一款绿色风格的jQuery下拉分类导航菜单。
DIV CSS 下拉菜单 DIV+CSS下拉菜单,非常实用,清爽 ,代码简洁
DIV伸缩菜单DIV伸缩菜单DIV伸缩菜单DIV伸缩菜单DIV伸缩菜单DIV伸缩菜单
常见下拉菜单#nav li ul { line-height: 27px; list-style-type: none;text-align:left; visibility : hidden; width: 180px; position: absolute; padding: 5px}
不错的css+div下拉菜单,非常简洁,漂亮,可以遮挡表单输入框珍藏中。