在IE6中没有显示div

Question

我已经建立了一个网页，IE7及以上版本的一切看起来都很棒，但在IE6中看起来很糟糕。

我有一个整体div，背景图像甚至没有出现。

为什么会这样？是否有一些常见的东西往往不适用于我的CSS？我通常不支持IE6，所以通常不必解决这些问题，但我的客户已指定他们想在IE6中工作。

这是网站，是的 - 在现代浏览器中相当不错的网站！ http://www.replyonline.co.uk/ie6sucks/index.html - 随意查看代码（在查看源代码中有一个IE6特定的样式表：http：//www.replyonline.co.uk/ie6sucks/css/anythingslider-ie.css我已经解决了一些现有问题。

由于

Answer 1

我这里没有安装IE6，但这里有一些提示：

这很可能是定位（'hasLayout'）问题。尝试在丢失的DIV或其父级上设置zoom: 1。同样适用于position: relative或两者的组合。

另外，检查一下PIE上的一些内容隐藏错误：http://www.positioniseverything.net/explorer.html

您可以使用Internet Explorer开发人员工具栏尝试其中一些：http://www.microsoft.com/downloads/en/details.aspx?FamilyID=95e06cbe-4940-4218-b75d-b8856fced535。请记住，虽然有些错误只会在整页重新加载时显示或修复，而不是在开发人员工具栏中摆弄CSS时。

我也经常使用XRAY（http://www.westciv.com/xray）来了解我的元素的行为。

有关“有布局”的更​​多信息，请参阅http://www.satzansatz.de/cssd/onhavinglayout.html。

Answer 2

1 - 确保您的网站有效：W3C Validator目前您的网站无效（146错误，16警告）。

2 - IE中有一个令人烦恼的错误与margin/padding有关，如果你有任何元素的左侧或右侧，你可能需要display: inline或inline-block;

我发现像这样的小事可以帮上忙。

查看W3C结果，看起来您可能有太多关闭div代码

Answer 3

调试很棘手，因为我的机器上没有ie6的工作副本，只有ietester但是ie6存在已知问题，因为它没有正确计算尺寸以便正确显示背景图像。

答案通常是在元素上触发hasLayout，最简单的方法是使用position:relative。我先做点什么。

我还建议您查看html5boilerplate样式表，看看是否有任何可以使用的样式表。在那里重置/重新分配css简直是辉煌，并且解决了很多css问题。

祝你好运！