javascript - CSS Mask 在幻灯片上不起作用

Question

在我的网站上，我有一个免责声明弹出窗口（供用户点击我同意）用一些“不透明度”掩盖主页，它完美地掩盖了主页上的图像和文本。CSS 如下。当我将图像更改为几张图像的幻灯片时，遮罩和弹出窗口位于隐藏弹出窗口的幻灯片下方（但遮罩适用于文本，而不是图像 div）。如何使幻灯片也被蒙版，并且只有在单击“我同意”时才可以在没有透明蒙版的情况下看到？它与幻灯片的类型有什么关系吗？我希望我不必发布脚本。如果需要请告诉我。谢谢。

       #mask 
       {
       position: absolute;
       left:0;
       top:0;
       z-index:99;
       background-color:#666666;
       filter:alpha(opacity=60);
       opacity: 0.6;
       -moz-opacity:0.6;
       }

下面的图片是我放幻灯片之前和之后的照片