pointer-events
Specifies under what circumstances (if any) a particular graphic element can become the target of pointer events (like clicks or hovers).
It is documented as part of the CSS Basic User Interface specification.
Syntax
/* Usage Example */
.overlay-ignore {
pointer-events: none;
/* clicks will pass through this element to the content underneath */
}
/* Syntax */
pointer-events: auto;
pointer-events: none;
pointer-events: visible;
pointer-events: ainted;
pointer-events: ill;
pointer-events: troke;
pointer-events: painted;
pointer-events: fill;
pointer-events: stroke;
pointer-events: all;
pointer-events: inherit;
/* Global values */
pointer-events: inherit;
pointer-events: initial;
pointer-events: revert;
pointer-events: revert-layer;
pointer-events: unset;pointer-events Browser support
Widely available
Since
2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
1+
1.5+
4+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more