Html 移除一个'；神秘'；从一个<；svg>；元素？

我已经将样式化的svg边框添加到了。它按预期进行渲染，svg元素底部边缘的指示水平线除外

svg源代码是

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2600 131.1" preserveAspectRatio="none">
    <path class="edge" style="opacity:1.00" d="M 2600,130.1 H 0 V 61 Z" />
    <path class="edge" style="opacity:0.50" d="M 2600,130.1 H 0 V 61 h 2600 z" />
    <path class="edge" style="opacity:0.25" d="M 0,130.1 H 2600 V 0 L 0,61 Z" />
</svg>

你可以在这里看到错误的水平线

（在底部，蓝色…）

我要挂断电话

到目前为止，我还不能用CSS来改变它的风格

我在Inkscape中打开svg，查看行是否在源代码中；至少在Inkscape，那里什么都没有

---

我如何删除该行？CSS？SVG？其他？

我想我会回答而不是评论：

您有

viewBox=“0 0 2600 131.1”

，但所有路径都从130.1开始。这就是你添加的像素。将其更改为

viewBox=“0 0 2600 130.1”

（或将路径更改为131.1）

---

更清楚的是，泄漏的是.wrapper元素的背景（请尝试更改背景颜色以进行校对），因为您的视图框略大于svg内容，而且svg在没有内容的地方是透明的。

捕捉得好！工作完美。我自己也不会找到它——至少有一段时间是这样的：-/如果我在后台使用svg该怎么办？@t-M你是什么意思？op案例中的背景色与SVG中的颜色相似，因此很难发现间隙。因此，将html背景设置为明亮的颜色会使其更加明显。我在css中使用svg制作背景，语法背景为：url（“../mysvg”），我已经尝试在文件.svg中编辑viewbox，但神秘的一行仍然出现。有什么解决方案吗？您愿意分享svg吗？