javascript - svg - 溢出可见

标签 javascript html css svg

<分区>

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

有什么方法可以让溢出可见吗?

谢谢

最佳答案

问题是您的 CSS 选择器是 .container 但您的 svg 元素有类 container1container2

Demo

关于javascript - svg - 溢出可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23618791/

上一篇:css - htmt 列表在 iPad 上重叠

下一篇:css - Bootstrap 导航栏总是为 Drupal 主题折叠

相关文章:

javascript - 如何在执行构建之前修改 Node.js 中所需的模块?

html - 隐藏DIV位置

css - 没有外边框但有所有内边框的盒子网格

html - 如何在不将图像放入css的情况下将图像放在文本的左侧

javascript - spring请求参数绑定(bind)错误

javascript - 为什么这个 Bootstrap 2.3.2 下拉菜单不起作用?

javascript - 如何使用 Javascript 无限滚动水平文本?

html - border-bottom 没有占据整个宽度

javascript - 将数据从服务推送到组件的最佳方式是什么?

javascript - Jquery 图标按钮