4

i was wondering, if there was a way to position a div overlay (say 'overlay') above another div ('interface'), that does not block the interfaces usability (like clicking on links).

i can only think of onclick catching mouse position and relating to the interface elements...

would be grateful for any help and ideas

overdosed
  • 43
  • 2

1 Answers1

3

You can use the CSS3 pointer-events:none property to turn of interaction for a layered element that would otherwise obscure the page.

See: http://robertnyman.com/2010/03/22/css-pointer-events-to-allow-clicks-on-underlying-elements/

This is not well-supported by a large portion of browsers (i.e. IE), however.

See also this question: CSS pointer-events property alternative for IE.

Community
  • 1
  • 1
Phrogz
  • 296,393
  • 112
  • 651
  • 745
  • pretty much what i was looking for, thanks. except ie9 and opera 11.01 dont support (as you said) so i just cant use it :( – overdosed Feb 20 '11 at 22:28