Question

我刚刚为我的网站完成了切片和编码非常好的无桌面css模板，我一直在测试IE7和Chrome。

然后我就有了用IE6测试这个模板的好主意，我在虚拟PC上安装了Windows XP，然后在IE6上打开了我的网站。

看起来非常糟糕！

我的页面格式看起来像垃圾，没有像IE7和Chrome中那样正确显示。我知道IE6不支持某些东西，但我认为我的页面不像它那样渲染。

所以我想知道是否有一个地方可以看到IE6不支持的内容，所以我可以修复我的CSS，甚至只为IE6创建一个新的。

任何信息都会非常有用！

谢谢！

Answer 1

IE6有很多CSS错误，因此这将有助于您的页面呈现。 The official list of what is and isn't supported is here

可能对您有帮助的是positioniseverything.net，他们有一个IE错误及其修复的完整列表。

如果您仍然在努力做到正确，请发布指向您网页的链接。

Answer 2

我强烈强烈建议您查看此网站http://quirksmode.org/dom/compatibility.html：它为大多数内容，css和javascript提供了很好的编译和测试用例。

Answer 3

我想你的机器上安装了Firefox。如果是这样的话，请安装Firebug附加组件（这本身就很棒），但是如果您还安装了Sitepoint，FireScope的新附件，它将允许您在Firebug中右键单击您的元素并提取浏览器兼容性图表您的CSS和HTML（以及额外的代码示例）

使用Firebug，您还可以编辑CSS并实时观看效果，这可以节省大量时间！

一旦确定了网站突破的区域，请使用以下方法使用IE6特定样式表进行更正，以便您的设计能够按照您对更现代化浏览器的预期工作

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="/Css/IE6.css" media="all" />
<![endif]-->

作为一个额外的提示不透明度和PNG或具有透明背景的GIF在IE6中不能很好地发挥，我强烈建议您使用JavaScript库，如Prototype或JQuery，如果您正在使用JavaScript

Answer 4

一些例子是：

儿童选择器：a>b {}
相邻选择器：a + b {}
属性选择器：[id="my_id"] {}

有关使用不兼容性的令人印象深刻的示例，请使用IE6和Firefox在CSS zen园林设计中查看Gemination。

此外，您可以浏览A list apart网站以获取有关该主题的资源（以及许多其他有关网页设计的资源）。

Answer 5

我偶然发现的那些：

- li:hover (or on any element except a)
- min/max-width
- min/max-height

Answer 6

首先，我建议您使用Eric Meyer's Reset Styles，以确保跨浏览器支持尽可能多的正确性。其次，我会修改Yadyn's post关于“了解你的敌人”。虽然它可能是一场噩梦，但它必须以statistics will show完成，即使IE6不再被积极开发并已被IE7接管，它仍然被广泛使用。

Answer 7

除了提到的内容之外，请确保使用使IE6 +使用标准模式的doctype。在标准模式下，错误和黑客几乎无法管理，无需使用完全不同的样式表。

否则IE6将恢复为Quirks模式，你基本上不得不支持IE5，所有的盒子模型都是可怕的。

Answer 8

对我来说永远无效的是visibility属性。并且它也很烦人（不，它与display不一样！）

Answer 9

如果您查看W3Schools网站，它会告诉您在哪个浏览器中支持哪些属性。

IE6不支持的CSS功能列表

9 个答案: