使用SVG遮罩时可见的Chrome 1px线

Question

我有一个元素被SVG形状掩盖。形状与元素的大小不同，因此我通过设置index使其覆盖整个元素。

这有效，但是在Chrome和Safari中显示了1px的线，其中遮罩显然没有100％覆盖元素。

请参阅此JSFiddle。

有什么可以用CSS来解决的吗？还是这是由于浏览器的错误渲染引起的？