SVG无法识别指针事件:无

dev*_*dev 6 html css svg

我有一个带有透明背景图像集的顶层,并希望忽略所有指针事件.所以最初我有这个设置<div style="pointer-events"></div>很好,但后来我发现IE不支持这个.

延伸阅读我发现好几个地方,说IE不支持<svg>pointer-events:none,但我不能让它工作(我从来没有使用SVG标签之前,所以我可以做这一切是错误的).

请看这个我希望实现的非常简化的小提琴.http://jsfiddle.net/AGVTM/

met*_*ion 4

根(最顶层)<svg>元素将不支持pointer-events: none. 这背后的原因是,这可能是一个安全漏洞,您可以用 SVG 覆盖 Facebook Like 按钮,然后让点击通过,如本示例http://jsfiddle.net/rVxTn/所示

如果 SVG 元素不是根元素,则应进行单击。这个例子应该适用于 IE9(未经测试)

http://jsfiddle.net/DLEsn/

但是,这并不能解决您的问题,因为您无法将 HTML 元素放入 SVG 元素内。

我之前多次遇到过这个问题,我不得不以不同的方式解决它。我建议您针对实际问题(可能还有屏幕截图)提出一个新问题,看看如何解决这个问题。

  • 根 SVG 元素上的“pointer-events: none”似乎在 IE10 中有效,但在 IE9 中无效。那是对的吗?有没有办法让它在IE9下运行? (2认同)
  • 但为什么它起作用[这里](http://www.useragentman.com/blog/2013/04/26/clicking-through-clipped-images-using-css-pointer-events-svg-paths-and-vml /)(在 IE9 中点击电视)? (2认同)