日期:2014-05-17  浏览次数:20483 次

DIV覆盖DropDownList
DIV覆盖DropDownList

------解决方案--------------------
两种解决方案:

(1)在Div中放1个空的iframe
HTML code
 <select size="1"> 
<option value="a">a</option> 
<option value="b">b</option>
 </select> 
<div class="f"><iframe width="0" height="0" frameborder="0"></iframe>我是导航菜单,谁敢挡住我?</div>

------解决方案--------------------
在前端代码设计的时候会碰到这样的情况:IE6以及一下版本下,选择框Select会覆盖Div中的内容。提供一个比较简单的方法来解决这个问题。一般情况下,可以将显示的内容放到Iframe中,然后再显示框架内的内容。由于Iframe的可以显示在Select上层,就可以解决这个问题。不过这样做在实现上比较麻烦。有个解决的部分就是在Div内容中加入不显示的Iframe框架即可,不用修改其他内容。

<div>
<iframe style="position:absolute; z-index:-1;" frameborder="0" src="about:blank"></iframe>
<a href="#">Overview</a>
</div>

<select>
<option>Domain</option>
</select>

以上代码的重点就是加粗部分。直接加一个空白的框架页面和将页面内容加入到框架,在实现起来更加的方便。只要在需要的Div中加入一句话就可以直接实现效果。

------解决方案--------------------
用弹出窗口window.popup
除了显示器可挡住一切!
------解决方案--------------------
我用的是笨办法,就是js控制 

div显示的时候,就把dropdown隐藏,反之就显示 ,哈哈,无非是多一句js
------解决方案--------------------

这个方法我推荐,不错,灵活,就是不知道提问者的要解决的东西是什么了。呵呵



探讨
我用的是笨办法,就是js控制

div显示的时候,就把dropdown隐藏,反之就显示 ,哈哈,无非是多一句js

------解决方案--------------------
http://www.google.com/search?hl=zh-CN&q=DIV%E8%A6%86%E7%9B%96DropDownList&btnG=Google+%E6%90%9C%E7%B4%A2&lr=lang_zh-CN
------解决方案--------------------
学习一下,帮顶
------解决方案--------------------
我用的是加入IFRAME的方法,测试通过

有一点要注意:
就是你的IFRAME的大小要略大于DIV的大小,这样才不会出现部分被挡住,部分不被挡住的情况.
------解决方案--------------------
学习了
------解决方案--------------------
探讨
我用的是笨办法,就是js控制

div显示的时候,就把dropdown隐藏,反之就显示 ,哈哈,无非是多一句js