Прави се със css, ето ти един пример:
body {
background:red;
}
<div class ="ad-banner-image" >
<!-- EMPTY DIV -->
</div>
<div>
MAIN CONTENT BLOCk
</div>
<div style="position: absolute; display: block; left: 0pt; z-index: 1; width: 100%; height: 1252px; background: url('IMAGE_FOR BACK_GROUND_IMAGE_PATH') no-repeat scroll center top transparent; top: 0pt; cursor:pointer;">
</div>
<div style="position: relative; z-index: 1000; margin: 0pt auto; width: 988px;">
MAIN CONTENT BLOCk
</div>
.ad-banner-image
{
position: absolute;
display: block;
left: 0pt;
z-index: 1;
width: 100%;
height: 1252px;
background: url('{IMAGE_FOR BACK_GROUND_IMAGE_PATH}') no-repeat scroll center top transparent; top: 0pt; cursor: pointer;"
}
.main-content-block
{
position: relative;
z-index: 1000;
margin: 0pt auto;
width: 988px;
}
$(document).ready(function() {
$("div.js-ad-home-page-background").click(function(event){
window.open('LINK_TO_ADVERTISE');
});
});