Safari 中的 CSS 下拉菜单问题

Question

我已经实现了一个简单的 CSS 下拉菜单，它可以在我尝试过的所有浏览器中完美运行，除了 Safari（在 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;}