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时，它将自动显示一个弹出窗口，该弹出窗口后面带有不透明蒙版。

现在，当我想关闭弹出窗口时，我必须单击该遮罩以使其消失。

我的问题是互联网浏览器不接受我的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);