IE7后台问题答案

【问题标题】：IE7 background issueIE7后台问题
【发布时间】：2011-02-15 07:50:43
【问题描述】：

目前我的布局 IE7 存在这个非常奇怪的问题。我在处理IE7的错误方面不是很有经验，所以我希望这里有人可以帮助我。

如果您在 IE7 中加载页面后立即快速查看，则背景并未覆盖整个内容。有时它会卡在顶部，大部分时间它涵盖了除页脚之外的所有内容。同样，有时它决定（几秒钟后）最终从不覆盖页脚跳到应有的覆盖所有内容。据我所知，我已经把 clearfix 放在了它们应该放在的地方。我也尝试过使用“溢出：自动”，但没有运气。

谁能帮帮我？在此处查看该网站：

http://www.matthewruddy.com/demo/

部分脚本：

来源：http://pastebin.com/r6R2rdP6

CSS：http://pastebin.com/qtMa22xX

这些问题似乎与#body、#page、#content、#bottom-sidebar 等有关。

提前感谢任何可以提供帮助的人；马修。

【问题讨论】：

这是一个非常酷的网站！也许像clear:both 这样的东西可以解决它，但我只是猜测。
正如我上面所说，clear: both（clearfix 是我上面所说的）没有解决 IE7 中的问题。
在你的内联 CSS 中有很多 position: relative 和 zoom: 1。这可能是 IE 如何呈现/处理此问题的一个怪癖。

标签： html css internet-explorer-7

【解决方案1】：

移动这个：

<!--[if IE]>
<script type="text/javascript" src="http://www.matthewruddy.com/demo/wp-content/themes/la-rivista/lib/scripts/jquery.border.min.js"></script>
<script type="text/javascript">
// IE rounded borders
DD_roundies.addRule('#body', '5px');
</script>
<![endif]-->

从您的 <head> 标记内部到您的结束正文标记 (</body>) 对其进行排序。

可能有更好的方法。

【讨论】：

哇......永远不会想到脚本会导致问题。我能问一下，你是怎么想出来的？有什么工具吗？
我是怎么想出来的：我使用 IE 的“开发者工具”应用了一些通用的浮动清除样式，因为那将是最简单的解决方法。那没有用（但添加/删除任何样式“修复”了问题=“reflow/repaint”问题），所以我复制了您的源代码，并将其添加到您的 <head> 标签顶部：<base href="http://www.matthewruddy.com/demo/" /> -这修复了要从您的站点加载的文档中的所有文件路径。然后，我注意到您使用的是 DD_roundies。我暂时删除了脚本，并且已修复。所以，我认为将它移到底部会修复它，它确实做到了。