【问题标题】:IE8 bottom:0 in position:absolute behaves like position:fixedIE8 bottom:0 in position:absolute 行为类似于 position:fixed
【发布时间】:2010-09-23 01:44:57
【问题描述】:

我有一个必须始终位于页面底部/左侧的 DIV,类似于页脚菜单。

div#bottom_menu
{
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 90%;
}

我的页面定义了最小高度,当用户将其缩小到低于该高度时,它会获得滚动条。 问题是当它发生时,在 IE8 中,div 向上移动以匹配新的视点最低点,就像它在 position: fixed 时的行为一样。更糟糕的是,当您再次向下滚动时,该元素不会向下移动(如位置:固定),而是可笑地停留在页面中间。这在 Firefox、Opera 和 Chrome 中完美运行。这是一个已知的 IE 错误以及如何解决它?

【问题讨论】:

    标签: css internet-explorer-8


    【解决方案1】:

    太好了,我因超级不受欢迎的问题获得了 Tumbleweed 徽章。

    在这里等待有人帮助我时,我自己解决了这个问题(像往常一样)。我通过将bottom_menu 放在与旧容器非常相似的包装器div 中来做到这一点,唯一的区别是没有溢出:隐藏;并且不直接在体内。这以某种奇怪的原因修复了它。也许它会帮助某人。

    【讨论】:

    • 我有同样的问题,但在 FF 3.6 中。澄清一下,当它对你有用时,div#bottom_menu 是在一个无样式的包装 div 中,而包装 div 不是 body 的直接子级?
    • 不,我有另一个包装器,它包裹着所有页面元素,包括 div#bottom_menu。它不是直接的身体的孩子。请注意,我对 FF 没有任何问题/也许您的问题有所不同?
    猜你喜欢
    • 2014-04-26
    • 1970-01-01
    • 2011-07-17
    • 1970-01-01
    • 2016-07-30
    • 2014-02-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多