如何使用CSS下拉功能?

时间:2011-04-03 18:32:05

标签: css content-management-system drupal-7 drop-down-menu drupal-themes

我一直在搞乱这个网站的css FOREVER。我无法弄清楚如何让“医疗”菜单项下拉并显示其余的隐藏菜单项。我已经能够取消隐藏它们并扩展但不能让它们下拉。具体来说,我有什么需要改变的?我试过一些教程,但也许我的目标错了?另外,我正在编辑一个主题。也许有些东西在干扰?请通过检查下面的CSS并建议一些更改来帮助我。

谢谢你!

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

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

2 个答案:

答案 0 :(得分: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。

编辑:回来并修剪代码。以前太多了,这让人感到困惑。

答案 1 :(得分:0)

基本上,您需要suckerfish dropdown