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

时间:2017-02-27 16:36:46

标签: css google-chrome

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

它看起来应该在所有"所有"浏览器(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

铬: Figure 1: Google Chrome

Safari和其他浏览器: Figure 2: Safari (and other browsers)

1 个答案:

答案 0 :(得分:0)

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