html elements overlap event can not be triggered

       Recently encountered a problem, more than svg heap together to produce svg elements overlap, leading to the drawing element content path is not clickable issue, then trying to hide the parent node, child node display is achieved, it is necessary to consider the visibility and display

display:none样式, Children and grandchildren were all hidden elements, and leaving no space, leading to redraw the return, we have not seen too intangible.
visibility:hidden样式,Although the descendant elements will be hidden, but you can set up sub-elements visibility: visible display, and will occupy reserved space, without rendering the return, I have not seen too palpable.

So by setting svg style visibility:hidden,path样式visibility: visible, we can solve svg elements overlap, path content can not click on a problem

 

Guess you like

Origin blog.csdn.net/qq_30436011/article/details/81211645