解决ie上遮罩层不透明的有关问题
解决ie下遮罩层不透明的问题
有时候需要在做某些操作的时候屏蔽当前页面,比如弹出一个提示div,需要屏蔽整个窗口不能操作,可以用一个遮罩层遮挡
<div class="window-mask-layer"></div>
问题: ie下遮罩层会失效不透明了
解决: ie下面滤镜opacity: 0.4; 不起作用
需要加入ie的有效方法: filter:alpha(opacity=40);
css代码
window-mask-layer {
background-color: red;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0.4;
filter:alpha(opacity=40);
position: fixed;
z-index: 100;
}
background-color: red;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0.4;
filter:alpha(opacity=40);
position: fixed;
z-index: 100;
}