如何使元素对点击透明但仍然可见？

问题描述

| 我有兴趣在iframe之类的物件上放置插入框阴影。虽然在iframe上覆盖div的策略可以提供预期的视觉效果，但div随后会阻止iframe本身的点击。 范例：http：//jsfiddle.net/YqXPg/ 那么，有没有一种方法可以将嵌入阴影作为“框架”效果呢？     

解决方法

        是的，那里是

pointer-events: none

。 参见：http://jsfiddle.net/YqXPg/3/ 一个使覆盖更加明显的版本：http://jsfiddle.net/YqXPg/4/ 请注意，此属性不适用于IE，但如果我没记错的话，无论如何，IE都将允许您单击覆盖层

div

的透明部分。