Where developers come to connect, share, build and be inspired.


Ignore hover events with CSS


The pointer-events CSS property will allow you to control under what circumstances (if any) a particular graphic element can become the target of mouse events. (source).

This is a great way to build CSS tooltips that hide when moused over.

.tooltip {
    /* Prevents .tooltip from receiving pointer events. */
    pointer-events: none;

jsFiddle Demo

Add a comment