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

Javascript pop-up window onclick not closing [RGBA]

本文关键字：RGBA 窗口 onclick Javascript      更新时间：2023-09-26

蒙版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时，它会自动显示一个弹出框，在弹出框后面有一个不透明度遮罩。

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

我的问题是，ie浏览器不接受我的rgba不透明度，所以我不能点击我的遮罩，让我的弹出式消失。但是如果没有rgba, ie浏览器将不会显示任何不透明的css。

任何提示都会有帮助的。

谢谢。

在你的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);
相关文章：