我们网站上有多个地方使用.svg和背景图像规则来创建形状。
例如：
bin> lancerELK.cmd
bin> set JAVA_HOME="C:\Program Files\Java\jdk1.8.0_161"
bin> elasticsearch.bat
Le chemin d'accès spécifié est introuvable
could not find java; set JAVA_HOME or ensure java is in PATH
这适用于所有分辨率的桌面。 但是在使用chrome的几个移动设备上，当弹出的块具有相同的颜色时会出现问题。 似乎有一个或几个像素被错误地插值，导致底层元素的边缘显示。
我尝试过的事情： +使用png，jpg而不是.svg来查看问题是否与.svg的光栅化有关（问题持续无差异） +向上移动图像（线条保持不变） +使它稍大（线条保持不变）
供参考，请参阅以下图像。
issue example 1 issue example 2
非常感谢任何建议！
答案 0 :(得分：0)
我的解决方案是通过将top: -1px添加到伪元素来将图像向上移动一点。
在我在这里发布这个问题之前我尝试了这个并且它没有用。
这与伪元素的父元素正在使用overflow-x: hidden这一事实有关，因此溢出y也会自动隐藏（我正在为有类似问题的人添加它）。
当然这意味着我需要调整svg的形状，因为它已经向上移动1px。
