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

标签 css svg

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

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

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

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

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

最佳答案

我做了一个适用于所有浏览器和 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 时,它停留在鼠标和其他怪物之间。

告诉我

关于css - 带有指针事件的 Svg 在 Safari 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16455752/

相关文章:

html - 当图像位于 HTML/CSS 标题中时链接不起作用

javascript - d3 : svg image in zoom circle packing

javascript - 日期或文本类型的 HTML 输入在 SVGforeignObject 中不起作用

html - 小于最小宽度时 Div 滚动

css - cuppa-ng2-slidemenu - 更改边距顶部和重新调整图标大小

javascript - 列表在元素放置上向下移动

html - 基于 Bootstrap 的导航以及下拉支持,以使用全宽显示均匀间隔的导航

python - 有没有办法在 pysvg 中添加换行符?

javascript - 方法在创建的钩子(Hook) Vue.js 中不起作用

html - 使用 CSS 或 SVG 创建 Tab 形状