Question: I was wondering if there is a way to create a black transparent overlay to basically cover the entire contents of the webpage? 

```
<body>
  <div class="main-container">
    <!--many more divs here to create webpage-->
  </div>
</body>

```

Answer: 
use this css on a div to create a black transparent overlay:

```
#overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    top:0;
    left: 0;
}

```
This might be what you are looking for: <http://malsup.com/jquery/block/>