日期:2014-05-17 浏览次数:20504 次
<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
------解决方案--------------------
这个方法我推荐,不错,灵活,就是不知道提问者的要解决的东西是什么了。呵呵