3

我想为所有页面创建加载器掩码。我需要获取掩码下的元素不可用。但现在我可以点击按钮了。您可以在图像上看到所有内容。

这是面具的CSS：

div#mask {
    z-index:9999;
    display: none;
    width:100%;
    background-color: rgba(0,0,0,0.15);
}

它是具有 100% 宽度和窗口高度的 div。如何修复ui块？

在此处输入图像描述

4

4 回答 4

3

你没有给出这个：

position: absolute;
于 2012-07-07T13:57:55.067 回答
2

您必须将其放置在绝对位置并设置高度。所以这很好用：

<style>

div.mask {
    position:           absolute;
    z-index:            1;
    top:                0;
    left:               0;
    width:              100%;
    height:             100%;
    background-color:   rgba(0,0,0,0.15);
}

</style>

<a href="">Can't be clicked</a>

<div id="mask" class="mask"></div>
于 2012-07-07T14:03:12.397 回答
1

看pointer-events: none;CSS规则

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

于 2014-10-01T14:50:11.830 回答
-1 
div.mask
{
    position:           fixed;
    z-index:            1;
    top:                0;
    left:               0;
    width:              100%;
    height:             100%;
    background-color:   rgba(0,0,0,0.15);
}

而不是absolute，你可以把fixed

于 2014-05-01T06:00:01.147 回答