如果通过标签对一些 SVG 进行分层object
,最上面的一个总是消耗所有看起来的鼠标事件。
pointer-events: auto
这与 SVG 的默认值相矛盾。
pointer-events
我通过设置它的 SVG DOM中的object
元素和元素尝试了一堆解决方法contentDocument
,但它的行为就像object
只是一个矩形区域,尽管大部分是透明的 SVG 内容。仅应用于pointer-events: none
有object
效果,它会禁用与 SVG 内容的任何交互。
为什么会这样,可以做些什么?
将 SVG 合并到单个svg
标签中不是一种选择,因为它们使用重叠的命名空间。