Safari CSS 高度过渡问题

【问题标题】：Safari CSS height transition issueSafari CSS 高度过渡问题
【发布时间】：2015-01-26 17:24:44
【问题描述】：

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

谢谢！

【问题讨论】：

【解决方案1】：

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

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

只需删除 height 和 line-height 即可。我不明白您为什么要实际进行这些更改。

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

【讨论】：