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

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.