internet-explorer-7 - IE7 在标准模式下忽略样式，但在 Quirks 模式下看起来很棒

Question

我遇到了一个问题，即 IE 7 样式在 Quirks 模式下看起来大多正确，但在标准模式下它忽略或看不到许多样式。quirks 模式版本看起来更接近它在 Chrome 和 Firefox 中的外观。

更新

我发现该文件在 CSS 文件中存在语法错误，导致 IE 7 忽略 CSS 中该点以下的所有内容。

Answer 1

IE 7 呈现 Web 文件的方式与其他浏览器不同（其他版本的 IE 也是如此）。

要解决这个问题，您需要对每个 IE 版本使用 css hack：

<!--[if IE 7]>
    <link rel="Stylesheet" type="text/css"  href="styles/ie7_styles.css" />
<![endif]-->
<!--[if IE 8]>
    <link rel="Stylesheet" type="text/css"  href="styles/ie8_styles.css" />
<![endif]-->
<!--[if IE 9]>
    <link rel="Stylesheet" type="text/css"  href="styles/ie9_styles.css" />
<![endif]-->