internet-explorer-7 - IE7窗口调整大小时消失的元素

Question

我正在编码这个网页。http://www.nomizine.com/misc/tbs/default.html

除了 IE7，它在任何地方都能很好地呈现。当我调整浏览器窗口的大小时，顶部导航，左侧的指南针和右侧的订阅块消失。

知道如何解决吗？顺便说一句，我已经尝试过 HasLayout 技巧，例如 zoom:1、clear:both 等，但似乎没有任何效果。

Answer 1

我认为问题在于指南针是绝对定位的，但容器（在本例中为 td）不是绝对定位或相对定位。

由于绝对定位的元素是相对于最近的相对或绝对定位的父元素定位的，因此在尝试重新定位（由于调整大小）放置该元素的位置时，IE7 可能会搞砸。

我建议你#compass用一个div有position:relative

[编辑]

好的，罪魁祸首是#header_bgcss文件中的规则..只需删除位置：相对，一切都会恢复正常:)

#header_bg{
   background: url(../images/header_bg.png) no-repeat center top;
   /*position:relative;*/
 }

Answer 2

这对我有用。

#header_bg{
            background: url(../images/header_bg.png) no-repeat center top;
            height:100%;
            margin:0 auto;
            position:relative;
            text-align:center;
            width:100%;         
    }