IE6 不支持的 CSS 功能列表答案

【问题标题】：List of CSS features not supported by IE6IE6 不支持的 CSS 功能列表
【发布时间】：2009-01-30 10:24:18
【问题描述】：

我刚刚为我的网站完成了一个非常好的无表格 css 模板的切片和编码，我一直在使用 IE7 和 Chrome 进行测试。

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

看起来非常糟糕！

我的页面格式看起来像垃圾，没有像在 IE7 和 Chrome 中那样正确显示。我知道有些东西是 IE6 不支持的，但是我没想到我的页面会像现在这样渲染。

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

任何信息都会很有帮助！

谢谢！

【问题讨论】：

那将是一个很长的列表......即使经过多年，IE6 仍然时不时地给我带来一些我以前从未见过或注意到的渲染错误。
这与您的问题没有直接关系，但您可以使用 IETester，而不是在 VM 下安装 XP，它可以显示您的网站在 IE 5.5、6、7 和8.my-debugbar.com/wiki/IETester/HomePage
否 - XP 和 VM 是要走的路。 IETester 没有重新分发 IE dll 的许可证，因此在技术上是非法的。

标签： css internet-explorer-6

【解决方案1】：

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

positioniseverything.net 也可能对您有所帮助，他们提供了 IE 错误及其修复的完整列表。

如果您仍然无法正确使用，请发布指向您页面的链接。

【讨论】：

我也忘了提到 CSS 讨论。那个邮件列表教会了我几乎所有我知道的东西。

【解决方案2】：

我强烈强烈推荐你查看这个网站http://quirksmode.org/dom/compatibility.html：它对大多数东西、css和javascript都有很好的编译和测试用例。

【讨论】：

我不同意。从长远来看，怪癖只会给你带来痛苦。请记住，怪癖/标准模式也会影响 IE 中的 JavaScript。
对不起，我可能不太清楚。 Quirksmode 是本网站的一个链接。我会编辑帖子，tks

【解决方案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，我强烈建议您使用 JavaScript 库，例如 Prototype 或 JQuery

【讨论】：

这种方法不能很好地扩展，因为接下来你知道你将为 ie8 添加另一个 css，因为它具有简洁的模糊效果等......
我猜如果您开始使用专有的浏览器过滤器，但您可以在不使用这些过滤器的情况下进行设计。我只建议使用条件样式表进行关键修复，即使网站在旧浏览器中无法使用的东西，而不是让网站更加漂亮的东西

【解决方案4】：

一些例子是：

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

有关使用不兼容性的令人印象深刻的示例，请查看Gemination 使用 IE6 和 Firefox 进行 CSS zen garden design。

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

【讨论】：

【解决方案5】：

我最偶然发现的那些：

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

【讨论】：

【解决方案6】：

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

【讨论】：

【解决方案7】：

除了提到的内容之外，请确保您使用的文档类型使 IE6+ 使用标准模式。在标准模式下，bug 和 hack 几乎是可控的，无需完全不同的样式表。

否则 IE6 将恢复为 Quirks 模式，而您基本上必须支持 IE5，而这会带来所有盒子模型黑客的可怕性。

【讨论】：

我正在使用“XHTML 1.0 Strict”，可以吗？
是的！您可以通过在地址栏中输入“javascript:alert(document.compatMode)”来检查它是否被拾取。你想让它说“CSS1Compat”。

【解决方案8】：

对我来说永远不起作用的是visibility 属性。而且它也很烦人（不，它与display不同！）

【讨论】：

也许是因为您应该将其拼写为“可见性”属性？这是最古老和最受支持的 CSS 属性之一——甚至可以追溯到 Netscape 4 和 IE3...
已更正。当我尝试过它时，它可以在 Firefox、IE7 等中运行，但不适用于 IE6。那时可能只是我......

【解决方案9】：

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

【讨论】：