我有一个网站,它使用 Raphael 让用户在页面内容顶部绘制箭头,同时仍然能够访问底层内容。为此,我有一个 div 覆盖整个页面,并将 css 设置为pointer-events:none
,并将 Raphael 论文放在该 div 中。这在 Chrome 和 Firefox 中效果很好,但在 Safari 中,鼠标事件不会通过覆盖的 div。
如果没有将 Raphael 论文添加到覆盖的 div 中,即使在 Safari 中,鼠标事件也可以正常通过。问题似乎是空白的 Raphael 论文正在捕捉 Safari 中的鼠标事件。知道如何解决这个问题吗?
在这里摆弄:http: //jsfiddle.net/T9rD3/。