不透明的CSS影響兒童元素

Question

我想實現一個錯誤消息，當用戶已禁用JavaScript。我爲我目前的工作創建了一個jsfiddle。我有2個div層，一個覆蓋整個頁面，另一個覆蓋整個頁面以顯示警告消息，但覆蓋層的不透明度設置影響警告消息。我嘗試過使用之前問題的技巧，但我無法完成工作。誰能幫我？

http://jsfiddle.net/xcPcv/

Answer 1

只需推動消息褪色的容器外...

來源：

<div id="fadeMe"> 
    <div id="center">You have javascript disabled.</div> 
</div> 

要：

<div id="fadeMe"> 
</div> 
<div id="center">You have javascript disabled.</div> 

http://jsfiddle.net/xcPcv/7/

Answer 2

取而代之的不透明度，利用RGBA（0,0,0，.75）在爲背景的：

http://jsfiddle.net/xcPcv/9/

Answer 3

的問題是，不透明度適用於所有包含的（子）元素，不只是你正在申請的元素

opacity 

到。這樣做的副作用是進一步的不透明度設置將是父透明度的一小部分。

你的情況，你需要做別的什麼也不動彈出DIV的fadeMe DIV

<div id="fadeMe"></div> 
    <div id="center">You have javascript disabled.</div>