Firefox的网页中的CSS pointer-events ='none'和/或XUL mousethrough ='always'

Question

最近我问了这个问题,关于如何通过元素传递点击(例如全屏覆盖).收到了一些很好的建议,但我仍然想知道哪些浏览器原生支持...

对于那些跳过前一个链接的人来说,叠加层纯粹是装饰性的,必须重叠并且应该忽略点击(所有鼠标事件应该通过它)...

到目前为止,我只是设法使用WebKit浏览器.

Works(Chrome和Safari 4): -
<image src='./images/75/75.overlay.blood.png' width='100%' height='100%' style='z-index: 3; position: absolute; top: 0; left: 0; pointer-events: none;' />

众所周知,Firefox支持SVG指针事件(以及3.6中的其他HTML元素); 问题是,我似乎无法使用SVG(例如xlink:href="overlay.24bit.8alpha.png").

我希望可以实现的另一种方法是在HTML中使用XUL.

我希望mousethrough="always"在叠加层上使用该属性(<image>等).还没有工作......

奇怪的是,Internet Explorer将Alpha不透明PNG透明区域视为"点击",这很方便.

在Firefox(3+)中实现此目的的任何其他好的(或简单但hackky)方法.考虑了Flash覆盖wmode="transparent"(失败).

Answer 1

尝试这个 jQuery 解决方案：http://jsbin.com/uhuto

至少适用于 Firefox、Chrome、iPad 的 Safari 和 IE8。我看到的唯一问题是 IE 中的覆盖层不是半透明的，但我认为这是可以克服的。

另一个解决方案（由 Ext JS 插件使用）：http://www.vinylfox.com/forwarding-mouse-events-through-layers/ - 使用 Javascript 重新转发事件。