css - Safari CSS 高度转换问题

Question

我发现我的菜单栏在 Safari 上无法正常工作。当我悬停我的“工作”列表项时，菜单栏下方应该会出现一个栏。它在其他浏览器(如 Firefox 和 Chrome)中完美运行。

这是我元素的链接:http://i305098.iris.fhict.nl/Portfolio/

谢谢!

Answer 1

这是由您在悬停时所做的更改引起的:

header nav li:hover {
    height: 120px;
    line-height: 120px;
    margin-top: -5px;
}

只需删除高度和行高即可。我不明白您为什么要进行这些更改。

header nav li:hover {
    margin-top: -5px;
}