美文网首页前端交流圈
IE6 select穿透问题

IE6 select穿透问题

作者: lulu_c | 来源:发表于2017-08-08 17:44 被阅读8次

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

    相关文章

      网友评论

        本文标题:IE6 select穿透问题

        本文链接:https://www.haomeiwen.com/subject/ulfxrxtx.html