在編寫遮罩層的時候曹傀,筆者遇到了select穿透div層的問題
<div class="confirmblackpanel">
<div class="confirm">
<div>
![](./images/submitimg.jpg)
<span>謝謝您的參與周荐!</span>
</div>
<div class="confirmbtn" onclick="confirm()">確認(rèn)</div>
</div>
</div>
confirmblackpanel是脫離文檔流覆蓋在整個頁面的遮罩層辛萍,但是頁面中select穿透了這個div,研究了網(wǎng)上的一些插件羡藐,但是效果不佳贩毕,有效果的不能滿足遮罩層半透明的需求。
解決:
<code><div class="confirmblackpanel">
<div class="confirm">
<div>
![](./images/submitimg.jpg)
<span>謝謝您的參與仆嗦!</span>
</div>
<div class="confirmbtn" onclick="confirm()">確認(rèn)</div>
</div>
<iframe class="ie-select-iframe" scrolling="no" frameborder="0"></iframe></div></code>
在需要顯示的內(nèi)容下加入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半透明,沒有這個需求的可以不加