如何獲得使用CSS的下拉功能？

Question

我一直在搞這個網站的CSS FOREVER。我無法弄清楚如何讓「醫療」菜單項下拉並顯示隱藏菜單項的其餘部分。我已經能夠取消隱藏並擴展，但不能讓它們下拉。我有什麼改變，具體是？我嘗試了一些教程，但也許我的目標是錯誤的？另外，我正在編輯一個主題。也許有什麼干擾？請通過檢查下面的CSS來幫助我，並推薦一些更改。

謝謝！

http://madhwaparishat.co.uk/drupal/sites/all/themes/sky/css/style.css?lj2u6r

http://madhwaparishat.co.uk/drupal/

Answer 1

試試這個：

.expanded a:hover + ul, 
.expanded ul:hover {display:block !important;z-index:99999;} 
.menu ul{position:absolute;} 
.menu li{float:left} 
.menu .menu a{width:100px} 

有您的網站一噸瘋狂的CSS @imports的，很難調試。 ! important規則是必要的。

你還需要爲你的下拉鍊接選擇一個特定的寬度，我用了100px。

希望這會有所幫助，我不打算回答，但我看到有人試圖把Suckerfish扔在你身上，那不是你想要的 - 你想自己做。完全明白。

編輯：這可能要進行調整或JavaScript將需要參與，如果你想支持IE6和7

編輯：回來修剪的代碼。之前太多了，這讓人感到困惑。

Answer 2

基本上，你想要的suckerfish dropdown。