Home/ Questions/Q 397487
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T16:39:18+00:00

I’m currently making a website where the owners want background ads (a ad as

  • 0

I’m currently making a website where the owners want background ads (a ad as background on the whole site).

It is quite easy to make in css:

body
{
   background-image: url('ad.jpg');
   repeat, color.....
}

But, they want it to be a link. It is a little bit harder so I need some help with that.

I have tried with something like this:

<a runat="server" href="http://adlink" id="BackgroundAdLink" style="position: fixed; display: block; left: 0; top: 0; z-index: -1; min-height: 100%; min-width: 100%;">
    &nbsp;
</a>

But it does not work properly. I want the solution to work in IE/FF/Safari etc. I use jQuery on the site, so I know a littlebit about it.

Best regards,
Lasse

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I have some success using this method:

    <body>
<script type="text/javascript">
        $(document).ready(function() {
            $('body').css('cursor', 'pointer');

            $('body').click(function(event) {
                if (event.target == event.currentTarget)
                    window.open('http://www.google.dk');
            });

            $('div#Center').hover(function() {
                $('body').css('cursor', 'auto');
            }, function() {
                $('body').css('cursor', 'pointer');
            });
        });
    </script>
<div id="Center">
My content...
</div>
</body>

    I know it does not have a ad layer, but that did only work properly in IE. The mouse could not click on the top of the page.

    This code is not flawless either. You can’t click if you scroll down a page. Maybe something with the body tag not expanding downwards. I have body set to height: 100%; and min-height: 100%; but it did not work. Any suggestions?

    • 0