Jquery设置不透明度问题

【问题标题】：Jquery setting opacity issueJquery设置不透明度问题
【发布时间】：2011-09-29 07:09:56
【问题描述】：

$("html").fadeTo("slow",0.5); 
OR 
$("html").css({ 'opacity':'0.5' });

为什么这些脚本中的任何一个都会使页面变白？我需要它变得更暗，而不是更白，通常这就是 opacity 的作用，但不是在这里......

如何使用 jquery 为我的 html 设置黑色不透明度？

【问题讨论】：

背景色是什么？不透明度是指事物的透明度。 1 完全不透明，表示不透明，0 表示完全透明，表示您将看到背景中的任何内容 - 如果您有白色背景，它将变得“更白”，如果您有黑色背景，它将变得“更黑” "

标签： jquery css opacity

【解决方案1】：

添加一个黑色 div 并将其淡入所有内容

HTML：

<body>
    <div id="cover"></div>
</body>

CSS：

#cover {
    height:100%;
    width:100%;
    background-color:#000;
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index:99999999;
}

JQuery:

$('#cover').fadeTo("slow",0.5);

这是一个工作示例：http://jsfiddle.net/AlienWebguy/GM2Z6/2/

【讨论】：