html – SVG无法识别指针事件:无

前端之家收集整理的这篇文章主要介绍了html – SVG无法识别指针事件:无前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_301_0@

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

进一步阅读我发现有几个地方说IE确实支持< svg>指针事件:无,但我不能让它工作(我从来没有使用过SVG标签,所以我可能做错了).

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

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

如果SVG元素不是root,那么点击应该通过.此示例应适用于IE9(未经测试)

http://jsfiddle.net/DLEsn/

但是,这并不能解决您的问题,因为您无法将HTML元素放在SVG元素中.

我以前多次遇到这个问题,我不得不以不同的方式解决它.我建议你用实际问题(以及可能的截图)打开一个新问题,看看如何解决这个问题.

猜你在找的HTML相关文章