灰色區域內具有正常不透明度的段落

當用戶沒有訪問權限時，我正在使網頁變灰。爲了做到這一點，我在網頁頂部放置了一個背景顏色爲白色並且降低了不透明度的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; 
}

來源

2010-06-08 dmr

對於支持RGBA顏色（較新的FF，Chrome，Safari）的瀏覽器，您可以設置半透明背景色（background-color：rgba（255,255,255,0.5））。但它不適用於所有瀏覽器。 – jimr 2010-06-08 19:49:15

我想解決這個自定義的jQuery的工具，通過具有兩個堆疊的div。底部由純色和不透明組成，頂部有透明背景的文字。

來源

2010-06-08 19:24:12 zildjohn01

你有沒有想過使用像BlockUI

來源

2010-06-08 19:21:04

嘗試更多的東西是這樣的：

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

...和

div.noPermission 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; 
    position:absolute; 
    z-index:30; 
    top: 0px; 
    left: 0px; 
}

來源

2010-06-08 19:37:16

使用在後臺的RGBA值來影響其透明度不改變主前景字體的，如：

div.noPermission { background-color: rgba(255, 255, 255, 0.5); }

與許多最近的CSS進展一樣，這在舊版瀏覽器中不起作用，但是如此因爲它不是關鍵任務，這不應該成爲一個問題。

來源

2010-06-08 19:51:53

只需創建一個帶有透明度的1px x 1px 50％白色PNG並將其用作div的背景圖像。 Simples！

來源

2014-04-03 16:15:34 user3067865

灰色區域內具有正常不透明度的段落

回答

相關問題