css - SVG 溢出 :hidden by bootstrap. 为什么？

Question

我的网页上有一个内联 SVG。我正在使用一些 Javascript 动态调整它的开始和结束坐标 https://codepen.io/anon/pen/rrYNaP?editors=1010 .

但是，在我的网页中，我注意到由于以下原因我看不到 svg:

svg:not(:root) {
    overflow: hidden;
}

看起来它来自 bootstrap(我认为是 normalize.css)。我可以覆盖它

svg {
    overflow: visible;
}

但随后我得到了水平滚动条，并且 svg 位于页面上所有其他 div 的顶部(有点需要在后台并且 z-index: -1 不起作用)

奇怪的是，当我在 codepen 中查看它时，它没有任何这些问题。

这是怎么回事，我该如何解决？

Answer 1

试试

svg {
    overflow: visible !important;
}