Safari中的CSS下拉菜单问题

Question

我已经实现了一个简单的CSS下拉菜单，该菜单在我尝试过的每个浏览器（除Windows上）之外都可以正常工作。我的页面可以看到here。在我的主要导航列表项目中，我有一个名为“drop”的<li>类，它被设置为position:relative，并且一个标记为“drop-container”的div包含下拉菜单项并且相对于父列表项绝对定位。我在悬停时更改visibility--在这种情况下为nav#primary ul li.drop .dropcontainer - 至visible，并将不透明度从0更改为1以启用CSS过渡。

我无法弄清楚为什么这个简单的菜单不适用于Safari浏览器 - 任何帮助都非常感谢。

Answer 1

尝试使用显示器进行操作。

nav#primary ul li.drop .dropcontainer {display:none;} 
nav#primary ul li.drop:hover .dropcontainer {display:block;}