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

Question

我有兴趣在像iframe之类的东西上插入一个插入框阴影。虽然在iframe上覆盖div的策略给出了预期的视觉显示，但div随后会阻止对iframe本身的点击。

示例：http://jsfiddle.net/YqXPg/

那么有没有办法将插入阴影拉成“框架”效果？

Answer 1

是的，有pointer-events: none。

请参阅： http://jsfiddle.net/YqXPg/3/

使叠加更明显的版本：http://jsfiddle.net/YqXPg/4/

请注意，此属性不适用于IE，但如果我没记错，IE将允许您点击覆盖div的透明部分。