Jquery设置不透明度问题

标签 jquery css opacity

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

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

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

最佳答案

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

关于Jquery设置不透明度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6591331/

相关文章:

jquery - 如何根据表格单元格中的值更改表格行的背景颜色?

javascript - 如何在单击元素后保持悬停样式? (jQuery)

javascript - 如何在文本框输入时更改文本框的颜色?

javascript - fullcalendar 不允许我调整事件的大小(光标不显示,我做错了)

css - 为什么我的变换动画会覆盖我的原始变换?

允许的 CSS 最小不透明度值

html - 如何在悬停 CSS 上添加图像和更改可见性

css - 使用 CSS 实现页面加载的淡入效果

javascript - JSON 编码在 ajax 函数中无法正常工作

javascript - 使用ajax构建asp.net mvc url