CSS SVG背景-周围有奇怪的透明线

Question

我试图将svg图像用作CSS中的背景图像。 而且我遇到了奇怪的行为。 具有svg背景的元素周围有奇怪的透明线。

在下面的示例中，它显示为第一和第二div之间的线。 线的大小根据元素的宽度而变化。

http://jsfiddle.net/mahnunchik/g1ux4e7o/

jsfiddle的屏幕截图：

它至少可以在Windows和Linux上的Chrome 37和FF 32中重现

SVG图像非常简单：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 76" enable-background="new 0 0 1920 76">
  <path fill="#DE4943" d="M0 76L1921 0 0 0z"/>
</svg>

任何想法如何解决？ 或如何解释？

Answer 1

尝试在<svg>元素中添加preserveAspectRatio="none" 。

另外，您不需要enable-background属性。

Answer 2

尝试将stroke-width =“ 0”添加到路径