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がないと、InternetExplorerは不透明度cssを表示しません。
どんなヒントも役に立ちます。
ありがとう。