Question

我已经为a添加了一个样式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>

您可以在此处看到错误的水平线

Codepen

（它穿过底部，蓝色......）。

我希望这条线不见了。

到目前为止，我还无法使用（S）CSS设置它。

我在Inkscape中打开了svg以查看源中的行是否存在;至少在Inkscape中，那里什么也没有。

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

Answer 1

我想我会把它作为答案而不是评论：

您有viewBox="0 0 2600 131.1"，但所有路径都以130.1开头。所以有你添加的像素。将其更改为viewBox="0 0 2600 130.1"（或将路径更改为131.1）

更清楚一点，它是你的.wrapper元素泄漏的背景（尝试更改背景颜色以证明），因为你的视图框比你的svg内容略大，因为svg是透明的，没有内容。

消除一个谜团＆＃39;来自<svg>元素的水平线？

1 个答案: