svg - 溢出可见

Question

我正在尝试创建一个包含圆圈的svg。每个圆圈的大小可以随着时间的推移而改变，有时它会比我的svg更大，所以我想让溢出可见，但不知何故它不起作用：

HTML：

<svg class="container1" width="100px">
    <a class="g-node" xlink:href="#test" transform="translate(445,194)" stroke="black">
        <circle r="16.246572566634875" fill="red"></circle>
    </a>
</svg>

CSS：

.container1{
    overflow: visible !important;
}

的jsfiddle： http://jsfiddle.net/LuwWa/

有没有办法让溢出可见？

感谢

Answer 1

问题是你的CSS选择器是.container，但你的svg元素有container1和container2类。

Demo