我有一个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
答案 0 :(得分:0)
该问题很可能是由于视网膜显示器上的渲染错误所致。可能是以前版本的Chrome中的一个错误,因为一切看上去都应该像现在这样(macOS上的Chrome版本73)。