Clicking Through an HTML Element With Pointer Events

January 12, 2012 at 6:00 pm By

Can’t Click!

This is a problem I’ve ran into quite a lot. Sometimes a semi transparent or transparent element will be on top of a link or button, something I want to be able to click on. Unfortunately, normally you can’t click on something if its below something else. Unless you add this to the CSS for the transparent element:

pointer-events: none;

Now you can click through stuff until your heart is content! Pretty easy, eh? This doesn’t work in IE (as of IE9, IE10 may support it)