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 规则是必要的。

你还需要为你的下 zipper 接选择一个特定的宽度，我用的是 100px。

希望这会有所帮助，我本来不想回答，但我看到有人试图向你扔 Suckerfish，而这不是你想要的 - 你想自己做。完全明白。

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

编辑:回来修整了代码。之前太多了，看的一头雾水。