解决div层被select下拉框遮盖的问题
来源:互联网 发布:艾科编程器驱动程序 编辑:程序博客网 时间:2024/04/30 06:54
在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更高的优先级失效了。
- 解决div层被select下拉框遮盖的问题
- 解决DIV层被OBJECT、SELECT控件遮盖问题
- select网页下拉列表与div层遮盖问题
- select网页下拉列表与div层遮盖问题
- 解决IE中DIV无法遮盖SELECT的问题
- ie6 select无法被div遮盖的bug解决
- 解决IE6 select无法被div遮盖的bug
- 下拉框select chosen被遮盖
- IE6下select下拉框遮住div层的解决方法(用iframe解决)
- iframe解决层和select下拉框显示问题
- IE6下, div层被select下拉框遮挡解决方案
- Div层被嵌入的Flash层遮盖问题解决思路
- DIV层被Flash或表单遮盖的解决方法
- DIV遮盖层(实现UL控件的下拉按钮不可用)
- css解决select不能被遮盖和不能设置边框背景补白等样式的问题
- 完美解决ie6 div层被下拉框覆盖
- Div Select Iframe 的相互遮盖
- div遮盖select的解决方案(简单)
- 给中国学生的第三封信
- 给中国学生的第四封信
- 用递归和委托实现通用的树遍历
- 今天心情不错,对CDocManager和CWinApp作了一点粗劣的学习,写出来勉励自己。
- 一句话 COM - 给 C++ 程序员的 COM 入门指南
- 解决div层被select下拉框遮盖的问题
- 假如爱有天意
- 生活有多面性,你可以选择快乐也可选择痛苦,主动权在自己的手里
- IP Address Control
- 一个研究生毕业以后的人生规划(转自天涯虚拟社区)
- 计算机科学经典著作(转载)
- 感伤我的抗干扰能力
- 还有两天考AI,开始复习了!
- Google中各种有趣的入口