【问题标题】:CSS Menu Drop Down DisapearCSS 菜单下拉菜单消失
【发布时间】:2013-01-05 04:19:12
【问题描述】:

http://ableworkforcetraining.com/

我有一个带有 Woo 主题的 Wordpress 3.5:白光

看来我的下拉 CSS 菜单与 vslider 插件有问题。当您点击课程菜单的底部时,菜单会消失。

我认为可能是 z-index 问题。看了很多帖子,感觉自己有z-index:9999;几乎所有与菜单相关的东西。

任何帮助将不胜感激,因为我没有想法。

提前致谢!

詹姆斯

【问题讨论】:

    标签: css wordpress drop-down-menu z-index


    【解决方案1】:

    这是一个 z-index,但不知道具体原因。

    你有这个:

    #navigation .nav li ul { z-index: 999; } 
    

    使 z-index: 9999;然后问题就消失了...为什么它不适用于 999?可能是因为你或其他人在 z-index 上搞得太乱了 =(

    编辑:检查您的 CSS 代码。您最终会发现 z-index 较高的东西(可能与滑块相关),例如 999 或 1000,因为如果您将 #navigation .nav li ul z-index 更改为 1001,它已经可以工作了。

    另外,那个选择器看起来“可能”太符合我的口味了。您可能可以使用 .nav li ul 或 #navigation li ul。

    Edit2:再次阅读您的问题,您说您有 9999 的 z-index 用于与菜单相关的任何内容。为什么?相信我,你真的不需要那个。实际上,如果您没有在您的网站中使用 z-index,那么 100 的 z-index 已经太多了。将某些东西设为 9999 z-index 可能只会在将来给您带来问题。

    答应我你会在你的 .css 文件中搜索所有 z-index 条目并更正它吗?

    【讨论】:

    • 非常感谢!您找到了我没有错误地将 9999 添加到的那个(正确的 z-index):)
    • 是的,它有效,但我不喜欢有人放一个非常大的 z-index 的习惯。它不应该是一个随机的大数字。第一个是 z-index:0,第二个 z-index:1,第三个 z-index:2 依此类推..不要仅将 9999999 用于 2-3 层..这是没有意义的,因为当你'必须编辑它,你需要额外的工作来修复这些东西。
    • 这就是我试图解释的,但他决定从字面上忽略它。希望他会在未来的项目中考虑到这一点。