解决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;
}