Html 边缘中背景图像之间的白线

我有下面的简单CSS表，我在

当你通过Chrome或IE查看时，你会看到它显示正常

然而，当我在新的Edge Chromium浏览器中查看它时，中间有一条恼人的白线。您知道默认的边缘浏览器CSS不知何故导致了这种情况吗

我注意到当我在浏览器上放大或缩小（边缘铬）时，在一定程度上这条白线消失了，但我可以100%看到这条白线。我的屏幕分辨率是1920x1080

---

我试图从我的角度测试这个问题。我的屏幕分辨率是1920x1080。我在Win 10、MS Edge Chrome浏览器和Google Chrome浏览器上进行了测试

我注意到，当缩放为100%时，两个浏览器都显示类似的结果，没有白线

我注意到，当我尝试放大或缩小时，两个浏览器都会在某个点显示白线

我还对IE11和firefox浏览器进行了测试，但这个问题并不存在。所以我们可以说这个问题与Chromium浏览器有关

我试图用一些CSS代码进行测试来解决这个问题，但Chromium浏览器仍然存在这个问题。作为一种解决方法，我建议您可以参考下面的示例来创建不会导致此问题的拆分按钮

.btn{
背景色：#2196F3；
颜色：白色；
填充：16px；
字体大小：16px；
边界：无；
大纲：无；
}
.下拉列表{
位置：绝对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f1f1；
最小宽度：160px；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉内容a:悬停{背景色：#ddd}
.下拉：悬停.下拉内容{
显示：块；
}
.btn:hover，.下拉列表：hover.btn{
背景色：#0b7dda；
}
按钮

谢谢你，我会尝试你的建议，但我想知道是否有地方将此作为铬的bug提出，因为它应该是向后兼容的。我使用的示例很简单，但我们的实际应用程序与此问题无关，如果此修复的恢复开发时间太长，可能会阻止我们正式支持Edge Chromium：（我将尝试通过内部渠道提交您关于此问题的反馈。感谢您的理解。