当前位置: 代码迷 >> ASP.NET >> DIV覆盖DropDownList解决思路
  详细解决方案

DIV覆盖DropDownList解决思路

热度:5320   发布时间:2013-02-25 00:00:00.0
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
  相关解决方案