【问题标题】:How can I get drop-down functionality working with CSS?如何使用 CSS 获得下拉功能?
【发布时间】:2011-04-03 18:32:05
【问题描述】:

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

谢谢!

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

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

【问题讨论】:

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


    【解决方案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。

    编辑:回来并修剪代码。之前的内容太多了,很混乱。

    【讨论】:

    • 我最终做了这个。谢谢。
    【解决方案2】:

    基本上,你想要suckerfish dropdown

    【讨论】:

      猜你喜欢
      • 2015-08-14
      • 1970-01-01
      • 1970-01-01
      • 2015-10-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-11-24
      相关资源
      最近更新 更多