【问题标题】:CSS dropdown navigation cut-offCSS 下拉导航截断
【发布时间】:2009-12-18 15:35:20
【问题描述】:

我在一个网站上的页脚导航遇到问题,该网站有一个被另一个 div 截断的下拉菜单。我设置了溢出:对页脚中的所有适用 div 可见并设置 z-indexes 以正确堆叠内容,但无济于事。

我已经开始用尽潜在的解决方案。谁能帮我解决这个问题?我将不胜感激。

以下是 HTML 和 CSS 的链接:

HTML: jid (dot) eresources (dot) ws/default.html
CSS:jid(点)eresources(点)ws/css/styles.css

抱歉 - 没有足够的积分来发布 screenshot...

这是我在这里的第一篇文章,如果我可以提供任何其他详细信息以使其更有帮助,请告诉我。谢谢!

【问题讨论】:

  • 不是一个答案,但从 li 中的 a 标记中删除类可能是个好主意吗?它目前与其父级具有相同的类。
  • 不幸的是,当我们添加脚本以使下拉导航适用于旧版浏览器(我认为是 IE6)时,我需要两个标签。

标签: html css browser


【解决方案1】:

您已将#wrapftr 设置为使用overflow:hidden 隐藏任何溢出。因此,由于菜单位于#wrapftr div 内,并且它溢出了 div 的边界,因此它被隐藏了。

如果你改变了,

#wrapftr {
...
    overflow: hidden;
...
}

#wrapftr {
...
    overflow: visible;
...
}

它应该可以正常工作,此后菜单可以显示超出#wrapftr 边界的任何位。

【讨论】:

  • 效果很好。非常感谢!这就是我在两个不同的地方定义相同的属性所得到的。我需要做任何事情来将此标记为已关闭吗?
猜你喜欢
  • 2015-09-08
  • 2016-04-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-05-25
  • 2019-07-28
相关资源
最近更新 更多