css - 用于 css 的 Internet Explorer 9 开发人员工具问题

Question

我在 IE9 浏览器中使用开发人员工具使用 IE7 文档模式，以便我的网页看起来像在 IE 7 浏览器中的样子，仅在 IE 7 中修复一些问题我仅将以下代码用于 ie7。

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

我在 ie7.css 文件中进行了修改，并在 ie9 浏览器的 ie7 开发人员工具中进行了审查，但没有任何效果。但是我在ie7浏览器中查看效果就存在了

Answer 1

您应该在浏览器模式下选择“兼容性视图”以获得特定于 IE7 的 CSS 效果。

Answer 2

确保在 IE7.css 中添加 !important 标签，否则元素将根据优先级进行规则。

例子：

.home_link{
     color: #EEE !important;
     padding: 15px !important;
}