【问题标题】:Weird bug in header in IE7IE7标题中的奇怪错误
【发布时间】:2010-03-23 15:45:03
【问题描述】:

我在 IE7 中有一个奇怪的错误。 http://www.luukratief-design.nl/dump/simplefolio/

导航必须居中。背景也是如此。 现在每个浏览器都能完美地做到这一点。甚至IE6! (还没有做pngfix)。 唯一有问题的是 IE7,它将整个导航栏元素向右移动。

有人知道这怎么可能吗?

【问题讨论】:

    标签: html css header navigation


    【解决方案1】:

    如果您在 CSS 中添加 Position: relative to your navbar element 而不是 position: fixed,IE7 将解决此问题。

    <div class="navbar"> <- position: fixed to position: relative .
    

    【讨论】:

    • 如果他添加摆脱固定位置,他的导航不会在他滚动时跟随。
    • 完全正确...尽管这是朝着正确方向迈出的一步。相对它以正确的方式居中......
    • 这不是朝着正确方向迈出的一步,因为它不像 position fixed 那样坚持。我会说固定位置更像是朝着正确方向迈出的一步,因为您至少可以让它坚持下去,它只是向右偏了一点。
    【解决方案2】:

    我敢打赌是这条线

    .navbar {
      background:url("../images/bg-nav.png") repeat scroll center top transparent;
    }
    

    改成

    .navbar {
      background:url("../images/bg-nav.png") repeat scroll left top transparent;
    }
    

    【讨论】:

    • 尝试将 div.navbar 向左浮动,看看会发生什么。
    猜你喜欢
    • 2010-11-17
    • 2011-10-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-22
    • 2011-03-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多