ie6 div select iframe

IE6下iframe与select兼容性问题
本文介绍了一个经典的IE6浏览器兼容性bug及其解决方案。主要涉及如何通过调整iframe和select元素的样式来避免显示异常,包括设置高度、内部元素尺寸及层级关系。
<iframe style="position: absolute; z-index:-1; width:500px height:55px;  top: 0; left: 0; background:red; scrolling: no; " frameborder="0"  src="about:blank"></iframe> 

 精典的一个bug,解决方式如上,

要注意几点问题

1.div的高度如果太小的话会出现滚动条,应该是firame有一个默认高度!

2.内部的元素最好也给一个宽高,大小如iframe一样,实现的原理就是iframe与select在ie6下解释方式,里面元素的div大于同父级的大小。

3.注意层级,外部div的层级应该大于iframe,而firame总是大于select。

转载于:https://www.cnblogs.com/wannasing/archive/2013/05/10/3071278.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值