美文网首页前端交流圈
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穿透问题

    在编写遮罩层的时候,笔者遇到了select穿透div层的问题 谢谢您的参与! 确认 confirmblac...

  • 10css兼容性问题

    margin兼容性问题 display:inline-block IE6 最小高度问题 IE6 双边距 li里元素...

  • IE6、7下的几个常见问题

    IE6下的双边距问题 条件:浮动下、块元素解决办法:display:inline IE6,7下的li间隙问题 条件...

  • IE6 hack for js

    1. ie6下iframe不显示的问题 在ie6下有时会碰到iframe不显示的问题,刷新后才能显示,此问题不...

  • select 模型

    问题: select是什么?什么是select? select?用于解决什么问题? select的用法? 采用se...

  • HTML学习笔记 IE6 兼容问题

    IE6留了一个后门,就是只要给css属性之前,加上下划线,这个属性就是IE6认识的专有属性 问题一:IE6,不支持...

  • css第三节第十天

    1、css盒模型 盒子:边框+内边距+内容区域+外边距组成。 IE6的盒模型的bug:背景色不能穿透 边框。而且如...

  • Css兼容性

    一、ie6最小盒子问题 第一,IE6,不支持小于12px的盒子,任何小于12px的盒子,在IE6中看都大 解决办法...

  • Redis常见穿透问题、击穿问题、雪崩问题解决方案

    Redis常见穿透问题、击穿问题、雪崩问题解决方案 穿透问题 定义 Redis 缓存穿透指的是大量请求Redis缓...

  • java_sql子查询

    子查询:select语句里面嵌套select语句 子查询出现的问题:select ..(select).from....

网友评论

    本文标题:IE6 select穿透问题

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