Quick tip: Flash like click through on HTML elements

Supposedly you have an element and you need to apply a mask over it, but you still want to be able to interact with the element you applied the mask over. You can do that via a CSS3, by editing the style of the mask and adding this:

#mask {
    pointer-events: none;

The bad news is that it is only implemented in the latest browser versions. The good news is that it is implemented in mobile devices browsers since a few years ago. Visit this link to read more about the implementation of pointer-events: http://caniuse.com/#feat=pointer-events

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">