Html windows上Chrome 55中的SVG图像渲染

有人遇到过这个问题吗

我在SVG图像中得到一个黑色块，但仅在Google Chrome 55中。即使我给svg图像添加了一个纯色背景，它也会在纯色汽车和星星之间找到一条路

以下是您可以查看网站的页面：

从Browserstack附加的屏幕截图：

。黑暗背景{
背景色：#4f5355；
宽度：500px；
填充：5%；
}
.网页注册{
文本对齐：居中；
背景图像：url（'http://www.abetterstartsouthend.co.uk/wp-content/themes/betterstart/includes/images/dark-star-bg.svg');
背景重复：无重复；
背景位置：右15px；
边界半径：3px；
}
p{
字体系列：无衬线；
字号：17px；
线高：23px；
颜色：#fff；
填充：50px0；
}

如果您想在更好的起点Southend保持联系，请在下面提供您的电子邮件地址

请创建一个问题并将其添加到问题中。示例代码不足以让我们重现问题，我们也不必调试您的整个网站/页面来确定问题所在。可以在您的网站上的Chrome 55/macOS Sierra中重现。真的很奇怪-看起来像是SVG渲染错误。我编辑了你的文章，添加了一个基于你网站HTML/CSS的片段，其他人可以很容易地复制这个问题。问题的来源可能是Illustrator导出的可怕的SVG，尝试用这个替换SVG的内容，并让我知道它是如何工作的。@Duopixel这是有效的。我认为这是因为SVG文件中有一个剪辑路径。非常感谢你！我已经调整了现场的所有SVG。