包含 IE6 hack 的 CSS 方法

Question

• CSS 有@import，对吗？
• IE6 理解 *html 选择器 hack，对吗？

是否可以像这样组合它们

//*html @import url(ie6hacks.css);

或者，可能，

//*html { @import url(ie6hacks.css); }

?

好的浏览器一定要跳过这个，在IE6下还能用吗？它看起来如何作为解决方案？我可以清楚地看到它看起来像普通 CSS 一样难看。

Answer 1

当您可以使用条件注释来仅包含您需要的 CSS 时，为什么还要为那些古怪的 hack 烦恼呢？

<!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="ie-6.0.css" />
<![endif]-->

一些资源:

• http://www.quirksmode.org/css/condcom.html
• http://virtuelvis.com/archives/2004/02/css-ie-only

如果您真的必须使用@import，您可以利用IE 不遵循@import 规则规范这一事实。通常它必须是样式表或样式标签中的第一个想法，否则将被完全忽略。然而，IE6(至少当我测试它时)似乎并不关心。按照这些思路，您可以这样做:

<style type="text/css">
.NotARealClass { }

@import url("ie-style.css");
</style>

请注意，除了 FF3(它无法加载 ie-style.css)和 IE6(无论如何它都会加载它)之外，我没有在任何地方测试过它。您的里程可能会有所不同。