DIV背景图片在Chrome中有不需要的轮廓

Question

我有一个div，有两个背景图像设置为重复。第一个图像就像div右侧的边框，在y轴上重复。第二个图像在整个div上重复作为纹理填充。

它看起来应该在所有＆＃34;所有＆＃34;浏览器（Firefox，Safari，IE）除Chrome之外。在Chrome中，div侧面重复的图像有一个灰色轮廓，将其与另一个图像分开。见下图。

任何人都知道为什么它会在Chrome上出现？它纯粹是浏览器方面的问题还是可以通过代码修复？

这是我的CSS：

background-image: url("door.png"), url("doorfull.png");
background-position: right top, left top;
background-repeat: repeat-y, repeat;

我尝试在没有引号的情况下输入网址，添加border: none并且我不知道还有什么，但没有删除Chrome上的大纲。任何帮助非常感谢。

编辑：可在此处查看该页面：http://testsite.matronator.com

铬：

Safari和其他浏览器：

Answer 1

该问题很可能是由于视网膜显示器上的渲染错误所致。可能是以前版本的Chrome中的一个错误，因为一切看上去都应该像现在这样（macOS上的Chrome版本73）。