我已经建立了一个网页,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我已经解决了一些现有问题。
由于
答案 0 :(得分: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。
答案 1 :(得分:0)
1 - 确保您的网站有效:W3C Validator目前您的网站无效(146错误,16警告)。
2 - IE中有一个令人烦恼的错误与margin/padding
有关,如果你有任何元素的左侧或右侧,你可能需要display: inline
或inline-block
;
我发现像这样的小事可以帮上忙。
查看W3C结果,看起来您可能有太多关闭div
代码
答案 2 :(得分:0)
调试很棘手,因为我的机器上没有ie6的工作副本,只有ietester但是ie6存在已知问题,因为它没有正确计算尺寸以便正确显示背景图像。
答案通常是在元素上触发hasLayout,最简单的方法是使用position:relative
。我先做点什么。
我还建议您查看html5boilerplate样式表,看看是否有任何可以使用的样式表。在那里重置/重新分配css简直是辉煌,并且解决了很多css问题。
祝你好运!