条件注释真的是要走的路吗？ 以及它如何运作？

Question

先前有关IE中div定位问题的Q给出了几个答案，他们告诉我使用条件注释。

这个相对定位的div如何在IE中以不同的方式显示？

它是如何工作的，我是指如何实施条件注释？

例如：

   <div class="normal"></div>
   <!--[if IE 6]>
   <div class="IE6"></div>
   <![endif]-->

如果它是资源管理器6，那么它将使用class =“ normal”覆盖第一个div吗？ 因为如果不这样做，那么资源管理器6中将有两个div ...

这种定位可能是什么问题？

我什至尝试用hello world文本创建一个新的html文档，并将其放在具有相对pos的div内，并且在IE中它的行为有所不同，比其他浏览器低3像素...

谢谢

Answer 1

通常用于加载额外的CSS，以“修复”由于IE6错误/功能不足而导致的各种问题。

例如。 我们网站的顶部看起来像这样...

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

这将首先加载我们的普通样式表。 接下来的IE6（仅IE6）加载第二个样式表，该样式表将覆盖几个导致IE问题的定义。

如果您需要不同的内容，则可以同时包含这两组内容（正常内容和IE内容），并通过标准CSS（ display:none ）在默认情况下隐藏IE内容，并在IE6 CSS样式表中简单地覆盖它。

Answer 2

不，这不是真正的方法。

它们是非标准的，它们是专有的，它们树立了一个不好的榜样，而且绝对没有必要。

whatever {
    foo: bar !important; /* for non-IE6 */
    foo: baz; /* for IE6 */
}

child { /* for IE6 */ }
parent > child { /* for non-IE6 */ }