html - SVG 无法识别指针事件 :none

Question

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

进一步阅读我发现有几个地方说 IE 确实支持 <svg>与 pointer-events:none ，但我无法让它工作(我以前从未使用过 SVG 标签，所以我可能做错了)。

请参阅我希望实现的这个非常简化的 fiddle 。 http://jsfiddle.net/AGVTM/

Answer 1

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

如果 SVG 元素不是根元素，则点击应该通过。这个例子应该适用于 IE9(未经测试)

http://jsfiddle.net/DLEsn/

但是，这并不能解决您的问题，因为您不能将 HTML 元素放入 SVG 元素中。

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