html 元素重叠 事件无法触发

       最近遇到个问题，多个svg堆在一起，产生svg元素存在重叠，导致path元素的画图内容无法点击问题，后来想把父节点隐藏，子节点显示来实现，这就要考虑visibility与display

display:none样式，子孙元素全被隐藏，而且不留空间，导致重绘与回流，就是看不到也摸不到。
visibility:hidden样式，子孙元素虽然会被隐藏，但可以通过设置子元素visibility:visible显示，而且会保留占据空间，无渲染与回流，就是看不到也摸得到。

所以通过设置svg样式visibility:hidden，path样式visibility:visible，就可以解决svg元素重叠，path内容不能点击的问题