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