可见性不适用于svg g标签

Question

我在我的应用程序中使用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>

这是工作样本.
如何在不更改子元素可见性的情况下设置对父g标记的可见性？

Answer 1

尝试使用opacity:0而不是visibility:hidden.

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