IE6下select下拉框遮住div层的解决方法(用iframe解决)
2010-04-03 15:33
483 查看
思路:iframe可以覆盖select,而层可以覆盖iframe。
方法:在层里放一个比select级别高的iframe就可以了。
实现:在div里面加入以下代码 。
注意:div的宽高要设定,这样iframe的100%宽高才有效,否则得给iframe设定固定的宽高。visibility:hidden!important;这个是为了让非IE6的浏览器下隐藏iframe,一开始用display:none!important竟然在IE6下也有效,太奇怪了,什么原因就大家问微软去吧
方法:在层里放一个比select级别高的iframe就可以了。
实现:在div里面加入以下代码 。
<iframe src="javascript:false" style="position:absolute;visibility:hidden!important;_visibility:inherit;top:0px; left:0px; width:100%; height:100%; z-index:-1;_filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
注意:div的宽高要设定,这样iframe的100%宽高才有效,否则得给iframe设定固定的宽高。visibility:hidden!important;这个是为了让非IE6的浏览器下隐藏iframe,一开始用display:none!important竟然在IE6下也有效,太奇怪了,什么原因就大家问微软去吧
相关文章推荐
- IE6下div层被select控件遮住的问题解决方法
- IE6下div层被select控件遮住的问题解决方法
- IE6中Div 遮罩层覆盖不住select控件的解决方法
- 沫沫金:完美解决IE6下弹出层(DIV)被下拉框(Select)遮挡问题
- ie6里面div挡住select(浮动层遮住下拉框)
- 表单遮住弹出层解决方法(select遮住DIV)
- div等浮层在IE6下被下拉框遮挡的解决方法
- IE6 select z-index无效,遮挡div bug的解决方法
- div被select下拉框挡住了--5种解决方法
- SELECT 元素在IE6中遮挡DIV的解决方法
- ie6下,div不能遮住标签的解决方法
- 用iframe解决ie6下div无法挡住select的实例
- 解决DIV被Select遮住处理方法[转]
- IE6中Div 遮罩层覆盖不住select控件的解决方法
- IE6下, div层被select下拉框遮挡解决方案
- select挡住div的5种解决方法(转)
- select挡住div的解决方法以及frame问题和IE、FLASH与实用代码
- Firefox下div层被Flash遮住的解决方法
- div在Iframe 被遮挡解决方法
- IE中div被视频遮住的解决方法