1

遮罩 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;
    });

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

现在，当我想关闭弹出窗口时，我必须点击面具让它消失。

我的问题是 Internet Explorer 不接受我的 rgba 不透明度，所以我无法点击我的面具让我的弹出窗口消失。但是没有 rgba，internet explorer 将不会显示任何不透明的 css。

任何提示都会有所帮助。

谢谢。

4

1 回答 1

2

在您的 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);
于 2013-03-21T15:39:20.707 回答