在HTML中隐藏SVG元素而不禁用内部定义的剪辑路径?

时间:2017-06-11 15:27:34

标签: html css svg

参考问题clip-path not working in SVG sprite,我们似乎无法使用style="display:none"隐藏定义将在别处使用的剪辑路径的SVG元素。

然而,建议的隐藏它的替代方法(使用width="0" height="0")对我不起作用(至少在Chrome中,SVG元素仍然在页面布局中获得分配空间,这导致垂直滚动条到出现,因为我有一个上面有height="100%"的div。还有哪些可用于隐藏不会阻止它用于裁剪的SVG?

1 个答案:

答案 0 :(得分:1)

最后,我使用position:absolute从普通的HTML文档流中取出该项。我不明白为什么零大小的元素会导致滚动条出现,但这似乎确实是发生了什么。