有条件的评论是真的要走的路吗？它是如何工作的？

Question

之前关于IE中div定位问题的Q给出了几个答案,他们告诉我使用条件评论.

为什么这个相对定位div在IE中的显示方式不同？

它是如何工作的,我的意思是如何实现条件评论？

例如:

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

如果它是资源管理器6,那么它会覆盖第一个div = class ="normal"吗？因为如果它不会,那么探险家6中会有两个div ...

这可能是这个定位的问题？

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

谢谢

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样式表中简单地隐藏它.