Home/ Questions/Q 6111321
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T14:37:02+00:00

$(html).fadeTo(slow,0.5); OR $(html).css({ ‘opacity’:’0.5′ }); Why does either of these scripts whiten the page?

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

Why does either of these scripts whiten the page? I need it to become darker, no whiter, and usually that’s what opacity does but not here…

How can I set a black opacity to my html with jquery?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add a black div and fade it in on top of everything

    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);

    Here’s a working example: http://jsfiddle.net/AlienWebguy/GM2Z6/2/

    • 0