title: How can I make a background clickable
body: <p>I've been asked to make a sponsored background (site takeover) for one of our sites and the question arose of whether I can make the logos in the tiled background clickable.</p>
  
  <p>My initial thought was 'no', but the more I think about it, the more I think it'd be possible if I either used JavaScript to make the body element clickable, or fake the background image as a layer below the content and make that clickable.</p>
  
  <p>Has anyone done this before with success with one of these approaches or a different one?</p>
  
  <p>jQuery:</p>
  
  <pre><code>$('body').click()
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body&gt;
    &lt;div id="sponsors-div" style="position:fixed;z-index:0;"&gt;&lt;a style="display:block;height:100%" href="http://sponsors.url"&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div id="site-container" style="position:relative;z-index:1;"&gt;...
  </code></pre>