css - 如何使用 CSS 获得下拉功能？

Question

我一直在搞乱这个网站的css。我不知道如何让“医疗”菜单项下拉并显示其余隐藏的菜单项。我已经能够取消隐藏它们并展开，但不能让它们下拉。具体来说，我有什么要改变的？我尝试了一些教程，但也许我的目标错了？另外，我正在编辑一个主题。也许有什么干扰？请通过检查下面的 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，这不是你想要的——你想自己做。完全明白。

编辑：如果您想支持 IE6 和 7，这可能需要调整或需要涉及 javascript。

编辑：回来并修剪代码。以前有太多，而且很混乱。

Answer 2

基本上，你想要吸盘鱼 dropdown。