Css 边缘浏览器菜单项悬停故障

我们为此奋斗了几天，终于屈服并寻求帮助

我在Edge浏览器中遇到了一个非常奇怪的问题

以下是测试现场：

当您将鼠标悬停在菜单项上时，在您悬停的菜单项下方会显示一条1px线。没有边框、文字装饰等。。如果白色标题区域变为黑色，则线条为黑色等

这就像菜单项的高度仅在悬停时减少了1px：

现在是奇怪的部分。只有当导航前的元素是链接（“测试”链接）时，才会发生这种情况。如果删除此链接，故障将消失

现在，如果我将链接包装在一个div中，并给它一个小的余量，问题就会消失：

<div style="margin-bottom:0.1em;"><a href="#">Link</a></div>

---

有人知道发生了什么事吗？我已经将所有CSS剥离为零，无法确定问题所在。

我不确定它是否可以解决您的问题（因为它不再可用），但它解决了我的问题。。。所以对于其他寻找悬停时出现的边缘人工制品的人

我遇到了一个类似的问题，在某些元素（而不是在同一页面上使用相同样式的其他元素）上，一行完全没有理由地出现。 在我的例子中，它损坏了一个小尺寸图像下的菜单栏，悬停时具有很高的重复性（即使不再悬停，损坏仍然存在）。

---

我找到的最简单的解决方案是：给父对象添加一个与受损背景颜色相同的边框；问题已解决。

在尝试缩放以处理缩放时，这看起来像是一个取整错误。某处的某个元素正在向上取整，而另一个元素正在向下取整。我会寻找em和px的混合体，或者根据文本获取高度的元素，而其他元素是硬编码的。这是一个渲染错误。不要费心去修复它。不幸的是，你的链接已经死了。如果你仍然有问题，你能更新它吗？