前端交流圈

IE6 select穿透问题

2017-08-08  本文已影响8人  lulu_c

在编写遮罩层的时候,笔者遇到了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半透明,没有这个需求的可以不加

上一篇下一篇

猜你喜欢

热点阅读