css - 针对IE7和IE7标准的IE9调试网站

Question

我刚刚完成了一个网站的新 html 构建，该网站在 Firefox、IE9、Safari 和 Chrome 中运行和显示良好。现在是让它在 IE8 和 IE7 中工作的困难部分。

我已经为这两个浏览器添加了一些条件 CSS 样式表:

<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie7.css"><![endif]-->
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="css/ie8.css"><![endif]-->

然后我使用 IE9，调试工具 (F12)，将浏览器模式设置为 IE7，将文档模式设置为 IE7 标准。因此，我将一些 css 类放入条件样式表(应该覆盖主 layout.css 文件中的那些(对吗？)并刷新页面。但是 IE 根本不应用或覆盖条件样式表中的任何样式。我只是让 layout.css 中的那些仍在应用，因此没有任何变化。

什么给了？如何针对这些浏览器进行调试？

Answer 1

只需检查一次 IE css 文件的路径。还要清除 IE 浏览器缓存然后检查。应该反射(reflect)。最后试试dis

            <!--[if gte IE 7]>
            <link rel="stylesheet" href="CSS/filename.css" type="text/css" />
        <![endif]-->

那么你就不需要为IE7和IE8添加两个文件了