css - 在灰色的 div 中具有正常不透明度的段落

Question

当用户无权访问某个网页时，我将其灰显。为此，我在网页顶部放置了一个背景色为白色且不透明度较低的 div。我想在那个 div 中用具有正常不透明度的单词写一些单词。

截至目前，灰色背景显示正确。但是，我似乎无法将这些词变成常规的不透明度。 Firebug 上的派生样式正常显示单词的不透明度，但显然不是。

我做错了什么？

HTML:

<div class="noPermission">
    <p>I'm sorry. You do not have permission to access this page.</p>
</div>

CSS:

div.noPermission {
    background-color: white;
        filter:alpha(opacity=50); /* IE */
        opacity: 0.5; /* Safari, Opera */
        -moz-opacity:0.50; /* FireFox */
        z-index: 20;
        height: 100%;
        width: 100%;
    background-repeat:no-repeat;
        background-position:center;
        position:absolute;
        top: 0px;
        left: 0px;
}

div.noPermission p{
    color: black;
    margin: 300px auto auto 50px;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    display: block;
    width: 250px;
}

Answer 1

我会通过两个堆叠的 div 来解决这个问题。底部的仅由颜色和不透明度组成，顶部的文本具有透明背景。