javascript - 可见性不适用于svg g标签

我在应用程序中使用svg，并且使用g标签将所有元素分组。第一个g标签包含多个g标签，所有g标签都有各自不同的可见性样式。如果我将可见性隐藏设置为父g标签，则会影响其他g标签元素。我需要通过将可见性设置为父项来隐藏所有g标签元素，但子元素的可见性样式不应更改。

这里是样本svg

<svg height: "200" width="200">
    <g style="visibility:hidden">
        <g style="visibility:visible">
            <circle cx="100" cy="100" fill="green" r="15" />
        </g>
    </g>
</svg>

这是working Sample.
如何在不更改子元素可见性的情况下为父g标签设置可见性？

最佳答案

尝试使用opacity:0代替visibility:hidden。

另外，您应该查看此示例http://svg-whiz.com/svg/HideShow.svg

关于javascript - 可见性不适用于svg g标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20328871/