ansaurus

Question

Answer 1

A:

Why not make the background image into an image map, and bind a click event to each area:

$('#area51').click(function() {...

karim79 2009-05-07 13:15:30

Answer 2

A:

A click event on sponsors-div should work. Putting it on the body may affect other parts of the page (child elements of body).

Tom Clarkson 2009-05-07 13:17:39

Answer 3

+3 A:

You'd need to be careful around event order (event capturing vs. bubbling) differences between IE and Mozilla. If you have an element with an onClick event that essentially takes up the entire page, and then other clickable elements on "top" of it, clicking on one of those elements can cause BOTH events to fire, which is likely not the intended functionality.

PPK explains it better than I can.

Scottie 2009-05-07 13:50:28

Answer 4

A:

You can make a very large anchor tag and force body to hide the overflow, like this:

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

Gain some inspiration from this site: http://newline.dk/index.aspx

meep 2009-05-07 15:31:53

ansaurus

tags:

views:

answers:

How can I make a background clickable

related questions