SVG阻止Safari中的点击事件（适用于Windows），但适用于Firefox/Chrome

Question

我正在使用raphael.js在我的应用程序中执行一些背景动画（http://projectmusicquest.appspot.com/static/test.html）。我最初的问题是确保svg在后台，而我的元素和YouTube视频处于前台。我没有意识到Safari和Chrome/Firefox之间会导致这种情况的任何区别。谢谢！

更新：我有点能够通过设置svg的x-index低于0来解决这个问题。我失去了一些功能，但是我无法找到另一种方法。

Answer 1

你可以放在你的CSS svg {pointer-events: none;}。