【问题标题】:Drop down being hidden behind banner button下拉隐藏在横幅按钮后面
【发布时间】:2011-02-04 16:32:38
【问题描述】:

this site 上,当用户将鼠标悬停在导航菜单标题“关于 MCAEL”上时,下拉菜单中的最后一个导航标题隐藏在左箭头按钮下方。

我已将 z-index: 2000 添加到导航 css 中的各个部分(即 #nav #nav ul 和 nav ul li),并将按钮的 z-index 更改为 1,但在现代浏览器中仍然存在 drop down 隐藏在那个按钮后面。奇怪的是,在 ie6 和 7 中没有问题。

有什么想法和建议可以尝试吗?

【问题讨论】:

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


    【解决方案1】:

    如果将 z-index: -1 添加到 main_body div,它会起作用。

    顺便说一句,我检查了 FF 3.6 和 Chrome 8。

    【讨论】:

    • 谢谢贾里德!做到了。也许我还可以问你为什么在 IE6 和 7 中,当用户将鼠标悬停在导航标题上时,下拉菜单不是在选定的导航标题下方而是在右侧?
    • 我的下意识反应是它们是糟糕的浏览器,有太多的错误无法计算,但我认为实际问题与 IE6 和 7 处理定位和 z-index 的方式有关。 gobdg.com/blog/2009/04/positionrelative-z-index-ie-bug
    • 另外,你能把它标记为答案(答案投票计数下的检查)吗?
    • 谢谢! :) 定位和 z-index 很痛苦。那个网站看起来也不错。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-09-24
    • 2018-05-25
    • 1970-01-01
    • 2011-07-31
    • 1970-01-01
    • 2011-09-04
    • 2022-12-25
    相关资源
    最近更新 更多