海海日记-冯海滨博客

您现在的位置是:首页 > Css > 正文

Css

解决IE6下定位层不能遮盖select的问题

happyfhb2008-11-05Css2183

在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

平淡中储蓄成长

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~