Safari CSS 高度过渡问题

Question

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

谢谢！

Answer 1

这是由于您在悬停时所做的更改造成的：

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

只需删除高度和行高即可。我不明白你为什么要做出这些改变。

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

Safari CSS height transition issue