div遮盖select的解决方案(简单)
来源:互联网 发布:淘宝关键词在线优化 编辑:程序博客网 时间:2024/04/30 07:33
IE6以及一下版本下,选择框Select会覆盖Div中的内容
一般情况下,可以将显示的内容放到Iframe中,然后再显示框架内的内容。由于Iframe的可以显示在Select上层,就可以解决这个问题。不过这样做在实现上比较麻烦。
有个解决的部分就是在Div内容中加入不显示的Iframe框架即可,不用修改其他内容。加了句这个:
<iframe style="position:absolute; z-index:-1;width:100px;" frameborder="0" src="about:blank"></iframe>
在IE里,层DIV被下拉框SELECT遮盖,这是IE的bug之一,原因在于select的优先级别比div高。因此无论如何用css属性z-index设置都没用。
所以,解决的办法有两种
在显示div的时候隐藏所有select
让div里的内容比select的优先级还要高
第一种方法显然比较麻烦,特别是当select比较多且位置不固定的时候,很容易将不该隐藏的也隐藏了。
第二钟办法更好一些。常用的优先级比select高的HTML控件有object和iframe,我选用了iframe比较好。
原理就是在div种加入一个iframe,然后把需要显示的内容write到iframe的body中。
参考代码如下:
var oIframe = document.createElement("<iframe name=/"oIframeFilter/" frameborder=/"0/"></iframe>")
if (oDivFilter.children.length != 0) oDivFilter.removeChild(oDivFilter.children(0));
oDivFilter.appendChild(oIframe);
window.frames[oIframe.name].document.write("<link rel=/"stylesheet/" href=/"/style/css.css/" type=/"text/css/">");
sBody = "<table><tr><td>哈哈哈哈</td></tr></table>";
window.frames[oIframe.name].document.write(sBody);
此外,还需要注意iframe的属性allowTransparency就不能再用了,因为透明就让iframe更高的优先级失效了
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/URL/archive/2005/04/27/365525.aspx
- div遮盖select的解决方案(简单)
- Div Select Iframe 的相互遮盖
- Flash 遮盖DIV 解决方案
- IE6兼容性问题 select 遮盖div
- 解决div层被select下拉框遮盖的问题
- 解决IE中DIV无法遮盖SELECT的问题
- ie6 select无法被div遮盖的bug解决
- 解决IE6 select无法被div遮盖的bug
- select覆盖div的解决方案
- select覆盖div的解决方案
- 再写jQuery插件,简单的遮盖div
- DIV遮盖select元素(模拟disabled)
- IE6 select穿透问题(div 定位无法遮盖select)!
- Flash遮盖Div的解决方法
- select 遮盖
- 控制DIV自动调整(防Select、Flash、Object遮盖)
- select网页下拉列表与div层遮盖问题
- select网页下拉列表与div层遮盖问题
- 解析__cdecl,__fastcall, __stdcall 的不同
- java 接口和抽象类
- Linq动态条件查询
- WinInet联网方式
- Javascript中的Array的Remove
- div遮盖select的解决方案(简单)
- StringBuilder类与String类的区别
- 设计模式:结构模式之适配器
- 解决安装MS Office 2007找不到Office.zh-cn问题
- asp.net如何将动态页面转成静态页面
- 关于ASP中脚本执行顺序的健全的讲解
- win7下安装oracle10g.2
- 调试日志
- 为何团团转