解决IE6下定位层不能遮盖select的问题
在IE6下,某个绝对定位的层无法遮住 select 控件!一般应用在弹出层或者用层锁定屏幕上!而解决的办法就是使用 iframe 将其遮住。代码如下:
<!--[if lt IE 7]>
<div style="position:absolute;z-index:-1; top:0; left:0;">
<iframe style="filter:alpha(opacity=0); width:200px; height: 200px;">
</iframe>
</div>
<![endif]-->
此代码放在绝对定位层结束前!ifame的宽度和高度分别为绝对定位层的宽和高!因为这个问题只出现在IE6中,所以用IE的条件注释为IE版本低于IE7的浏览器(但不包括IE7)能够识别!
顺便补充一些知识 也有办法可以将select菜单 替代 但是笔者经过实践 感觉代码沉积 非常得不好处理 这里就不做过多陈述。
文章来源:http://www.html-css.cn/html/28.html
平淡中储蓄成长
相关文章
发表评论
评论列表
- 这篇文章还没有收到评论,赶紧来抢沙发吧~