Jquery设置不透明度问题

时间:2011-07-06 03:45:08

标签: jquery css opacity

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

为什么这些脚本中的任何一个会使页面变白?我需要它变得更暗,没有更白,通常这是不透明度但不在这里......

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

1 个答案:

答案 0 :(得分:5)

添加黑色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/