overlay-layer

by pj_js15

HTML

<div class="container">
     A lot of content here ...
</div>

CSS

.container {
    border: 1px solid;
    height: 500px;
}

.overlay-layer {
  position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #FFF;
    opacity: .4;
}

JavaScript

/*$("<div>Loading...</div>").css({
    position: "absolute",
    width: "100%",
    height: "100%",
    top: 0,
    left: 0,
    background: "#ccc"
}).appendTo($(".container").css("position", "relative"));
*/

$("<div class='overlay-layer'>&nbsp;</div>").appendTo($(".container").css("position", "relative"));