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;}