Как сделать элемент прозрачным для кликов, но все еще видимым?

Мне интересно помещать тень вставки в нечто вроде iframe. Хотя стратегия наложения div над iframe дает ожидаемый визуальный дисплей, div впоследствии блокирует клики по самому iframe.

Пример: http://jsfiddle.net/YqXPg/

Итак, есть способ снять тень вставки как эффект "кадрирования"?

Ответ 1

Да, там pointer-events: none.

Смотрите: http://jsfiddle.net/YqXPg/3/

Версия, которая делает наложение более очевидным: http://jsfiddle.net/YqXPg/4/

Обратите внимание, что это свойство не работает с IE, но если я правильно помню, IE позволит вам в любом случае щелкнуть прозрачные части наложения div.