IE6 select穿透问题

在编写遮罩层的时候,笔者遇到了select穿透div层的问题
<div class="confirmblackpanel">
<div class="confirm">
<div>



<span>谢谢您的参与!</span>
</div>
<div class="confirmbtn" onclick="confirm()">确认</div>
</div>
</div>
confirmblackpanel是脱离文档流覆盖在整个页面的遮罩层,但是页面中select穿透了这个div,研究了网上的一些插件,但是效果不佳,有效果的不能满足遮罩层半透明的需求。

解决:
<code><div class="confirmblackpanel">
<div class="confirm">
<div>



<span>谢谢您的参与!</span>
</div>
<div class="confirmbtn" onclick="confirm()">确认</div>
</div>
<iframe class="ie-select-iframe" scrolling="no" frameborder="0"></iframe></div></code>
在需要显示的内容下加入iframe(最好加入ie6的hack!--[if IE 6])
.ie-select-iframe{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background: rgba(0, 0, 0, 0.4);filter:alpha(opacity=0);}
filter:alpha(opacity=0);使iframe半透明,没有这个需求的可以不加

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,787评论 1 92
  • 写在从深圳返家的途中。呆在一个地方已经至少两个钟了,看来十一要在路上与众位萍水相逢的同乘们一起度过了。 好了,话不...
    沐酒鸿江阅读 334评论 0 0
  • 0. HTML对象获取问题 3 0. const问题 3 0. event.x与event.y问题 3 0. wi...
    赵长安啊阅读 552评论 0 0
  • 肤色:土黄+钛白调水 嘴唇:朱红调水 头发:赭石调水 衣服:普蓝调水打底再上黑色 倒着来, 姑娘, 你轻轻地闭上双...
    方默默阅读 495评论 4 6
  • 我想找一个有花、有树、有湖的山头,搭一间茅草屋,春耕、夏种、秋收、冬眠,不问世事,不理红尘,蓄一头长发,穿一身...
    龙胆阅读 327评论 0 2