Safari CSS高度过渡问题(Safari CSS height transition issue)

Safari CSS高度过渡问题(Safari CSS height transition issue)

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

这是我项目的链接： http ： //i305098.iris.fhict.nl/Portfolio/

谢谢！

I found out my menu bar does not work properly on Safari. I when I hover my "work" list-item a bar should appear under the menu bar. It works perfectly in other browsers such as Firefox and Chrome.

Here is the link to my project: http://i305098.iris.fhict.nl/Portfolio/

Thanks!

最满意答案

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

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

只需移除高度和线高，它就能工作。 我不明白为什么你实际上做了那些改变。

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

This is caused by the change you make on hover:

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

Simply remove height and line-height and it’ll work. I don’t understand why you did those changes actually.

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