不透明的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>