CSS: Transparent event clicks having translucid front div element


Mon Aug 29 2022 17:13:27 GMT+0000 (Coordinated Universal Time)

Saved by @marcopinero #css

div.transparent-click {
    pointer-events: none;
    background: url('your_transparent.png');
/*IE11 conditional:*/
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
    background: none !important;

With this class you can use a div with translucid image as background (png with transparency/opacity) to be set in front of another element, so you can do transparent click to elements at the background as this frontal div does not exists. Imagine (for example, in my case) a "CANCELLED" image in front of a bill. (Sorry my poor english).