html 元素重叠 事件无法触发

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

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

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

猜你喜欢

转载自blog.csdn.net/qq_30436011/article/details/81211645