css - 带有指针事件的 Svg 在 Safari 中不起作用

Question

我一直在使用 SVG 元素( shapes )，在某些情况下我必须允许鼠标点击穿过那些透明的元素，或者说没有实际形状。

为了实现这一点，我使用了 pointer-events:none 根 SVG 标签的 css 属性，这在大多数浏览器(包括 IE 和 Mozilla)中都可以正常工作。

但是 Safari 似乎对这个 css 属性没有影响。这是要检查的 fiddle :

'http://jsfiddle.net/AkashSaikia/52aWw/2/'

有没有人知道这个？或者解决这个问题？

Answer 1

我做了一个适用于所有浏览器和 iPad 上的 safari 的示例

查看此页面

http://www.janvas.com/illustrators_designers_developers/projects/janvas2D_web/examples_EN.php?exampleName=green_monster_game_EN

在 javascript 代码的第 121 行有:

cloned_explosion_sprite.style.pointerEvents = 'none';

这一行为爆炸 Sprite 创建了鼠标/触摸事件，当添加到 dom 时，它停留在鼠标和其他怪物之间。

告诉我