Как сделать верхний слой некликабельным ("дырявым"/неактивным) средствами css (читаем описание)?

Question

[Генри]

Года полтора назад наткнулся на статью, в которой рассказывалось о малоизвестном но очень полезном свойстве CSS (скорей всего 3), которое позволяет сделать неактивным слой находящийся выше другого, "пропустить" верх - активные элементы или текст низлежайшего. То есть, например - есть слой с текстом и ссылками, поверх накладываем полупрозрачную картинку и ссылки внизу текста по прежнему остаются кликабельными. Или сделать засветление к низу текстового блока, в котором ссылка также останется активной, а не спрячется за слоем с градиентом. Грубо говоря верхний слой как бы не учитывается (как будто дырявый), но он есть.
Тогда мне было не нужно, не стал обращать внимания, но сейчас решил попробовать использовать его и ... не могу ни где найти даже упоминания о нём, не гуглится не по одному слову. Может кто-то знает, подскажите?

Answer 1

[Андрей Хохлов]

pointer-events: none;