首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >调整IE7窗口大小时元素消失

调整IE7窗口大小时元素消失
EN

Stack Overflow用户
提问于 2010-01-12 09:16:18
回答 2查看 2.8K关注 0票数 0

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

除了IE7之外,它在任何地方都能很好地渲染。当我调整浏览器窗口的大小时,顶部导航、左侧的指南针和右侧的subscribe块将消失。

你知道怎么修复它吗?顺便说一句,我已经尝试了像HasLayout :1,clear:both等的缩放技巧,但似乎什么都不起作用。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-01-13 00:19:31

这就是对我有效的方法。

代码语言:javascript
运行
复制
#header_bg{
            background: url(../images/header_bg.png) no-repeat center top;
            height:100%;
            margin:0 auto;
            position:relative;
            text-align:center;
            width:100%;         
    }
票数 0
EN

Stack Overflow用户

发布于 2010-01-12 09:46:47

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

由于绝对定位的元素是相对于最近的相对或绝对定位的父元素进行定位的,因此在尝试重新计算(由于调整大小)放置此元素的位置时,IE7可能会搞乱。

我建议您使用包含position:relativediv来包装#compass div

编辑

好的,罪魁祸首是css文件中的#header_bg规则。只需删除位置:relative,一切都将恢复正常:)

代码语言:javascript
运行
复制
#header_bg{
   background: url(../images/header_bg.png) no-repeat center top;
   /*position:relative;*/
 }
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2046059

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档