Allow click through an HTML element

When one HTML element is over another one (like when positioning an element using position:absolute), you usually can't click through the top element to access the bottom element.

That's used as a common technique to prevent the right click on images by some sites (like Flickr). They just add an empty transparent div over their images to prevent the lambda user from right clicking and saving the image.

Sometimes, when integrating complex designs, you need those additional layers, but you also want the user to be able to click through them, as if they weren't there.

Just use the pointer-events:none css property to allow click events to go through the element.

This is only supported by Firefox 3.6+, Chrome and Safari for now.

Tags : #pointer-events #css #click

Want to add something ? Feel free to get in touch on Twitter : @pixelastic