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

6

Ignore hover events with CSS

1171 views

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

Comments

Add a comment