svg - 溢出可见[重复]答案

【问题标题】：svg - overflow visible [duplicate]svg - 溢出可见[重复]
【发布时间】：2014-05-13 06:36:26
【问题描述】：

我正在尝试创建一个包含圆圈的 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/

有没有办法让溢出可见？

谢谢

【问题讨论】：

没有纸（容器）的情况下你想在哪里画圈？
使用 div 容器作为溢出属性

标签： javascript html css svg

【解决方案1】：

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

Demo

【讨论】：