Javascript弹出窗口onclick不关闭[RGBA]

Question

掩码 CSS

#mask {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed; 
    left: 0; 
    top: 0; 
    z-index: 10;
    width: 100%; 
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=1 );
    z-index: 999;
}

现在关闭我的面具的功能。

$('a.close, #mask').live('click', function() { 
      $('#mask , .afspraak-popup').fadeOut(300 , function() {
        $('#mask').remove();  
    });
    return false;
    });

当我单击包含 a href 的 div 时，它会自动显示一个弹出窗口，弹出窗口后面有一个不透明蒙版。

现在，当我想关闭弹出窗口时，我必须单击蒙版让它消失。

我的问题是 Internet Explorer 不接受我的 rgba 不透明度，所以我无法单击我的蒙版让我的弹出窗口消失。但是如果没有 rgba，Internet Explorer 将不会显示任何不透明 css。

任何提示都会有所帮助。

谢谢。

Answer 1

在您的 CSS 中，删除:background-color: rgba(0, 0, 0, 0.8); 和 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000 ', endColorstr='#cc000000',GradientType=1 );

将其更改为:

background-color: #000;
opacity:0.8;
filter:alpha(opacity=80);