Javascript CSS指针事件=';无';和/或XUL mousethrough=';始终';在Firefox的网页中

Javascript CSS指针事件=';无';和/或XUL mousethrough=';始终';在Firefox的网页中,javascript,html,firefox,xul,Javascript,Html,Firefox,Xul,最近,我询问了如何通过元素(例如全屏叠加)传递点击。收到了一些很好的建议,但我仍然想知道哪些浏览器在本机上支持此功能 对于跳过上一个链接的用户,覆盖纯粹是装饰性的,必须覆盖,并且应该忽略点击(所有鼠标事件都应该直接通过它) 到目前为止,我只在WebKit浏览器上实现了这一点 作品(Chrome和Safari 4):- 众所周知,Firefox支持SVG(和)的指针事件;问题是,我似乎无法将其与SVG(例如xlink:href=“overlay.24bit.8alpha.png”)一起使用 我希

最近,我询问了如何通过元素(例如全屏叠加)传递点击。收到了一些很好的建议,但我仍然想知道哪些浏览器在本机上支持此功能

对于跳过上一个链接的用户,覆盖纯粹是装饰性的,必须覆盖,并且应该忽略点击(所有鼠标事件都应该直接通过它)

到目前为止,我只在WebKit浏览器上实现了这一点

作品(Chrome和Safari 4):-


众所周知,Firefox支持SVG(和)的指针事件;问题是,我似乎无法将其与SVG(例如
xlink:href=“overlay.24bit.8alpha.png”
)一起使用

我希望能实现这一目标的另一种方法是使用

我希望在覆盖层上使用属性
mousethrough=“always”
,等等)。尚未开始工作…

奇怪的是,Internet Explorer将alpha不透明PNG透明区域视为方便的“点击”


在Firefox(3+)中实现这一点的任何其他好方法(或简单但有技巧的方法)。考虑使用
wmode=“transparent”
(失败)进行闪存覆盖。

尝试以下jQuery解决方案:

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


另一个解决方案(由Ext JS插件使用):-使用Javascript重新转发事件。

关于Firefox,SVG掩码效果似乎可以完成(演示:-从)页面服务(命名为.xhtml)的工作。我可以使用PNG作为遮罩吗(我将反转我的覆盖层)?而且它在即将发布的FF 3.6中也得到了支持:谢谢lithorus。SVG路线似乎是我的最佳/唯一选择。有什么想法吗?取决于你的目标受众,否则SVG方式似乎是唯一的选择。有没有更明确的答案?