我已经实现了一个简单的CSS下拉菜单,该菜单在我尝试过的每个浏览器中都能正常运行,除了Safari(在Windows上)。我的页面可以看到here。在我的主要导航列表项中,我有一个名为&#34; drop&#34;的<li>
类。设置为position:relative
并且div标记为&#34; drop-container&#34;它包含下拉菜单项,并且相对于父列表项绝对定位。我在悬停时将visibility
更改为nav#primary ul li.drop .dropcontainer
- 更改为visible
并将不透明度从0更改为1以启用CSS转换。
我无法弄清楚为什么这个简单的菜单在Safari中不起作用 - 我们非常感谢任何帮助。
答案 0 :(得分:1)
尝试使用显示器进行操作。
nav#primary ul li.drop .dropcontainer {display:none;}
nav#primary ul li.drop:hover .dropcontainer {display:block;}