ie8目标样式不起作用答案

【问题标题】：ie8 target style not workingie8目标样式不起作用
【发布时间】：2015-03-28 22:44:55
【问题描述】：

我用这段代码在 ie8 和 ie9 中设置样式，这不起作用。

<!--[if lt IE 8,9]>
    <link href="~/Styles/ie8-9.css" type="text/css" rel="stylesheet" />
<![endif]-->

但是这段代码工作正常：

<!--[if lt IE 8,9]>
    <style>
         body{color:red;}
    </style>
<![endif]-->

如何解决第一种情况？

【问题讨论】：

文件名？文件路径？你确定是对的吗？
是的，我确定。我使用视觉工作室。
第二个不应该工作 - CSS需要在<style>标签中。难道它只是 看起来 像第二个在工作，而实际上 color 来自其他地方吗？更多内容请

标签： css internet-explorer-8

【解决方案1】：

在您的html页面顶部添加<!DOCTYPE html>，如果没有，它将起作用试试这个：

*::-ms-backdrop, body{color:red !important;}

【讨论】：

【解决方案2】：

我认为问题在于您的ie8-9.css 的路径是错误的。检查控制台是否有任何错误。

也许这篇文章对你来说很有趣： slash(/) vs tilde slash (~/) in style sheet path in asp.net

此外，而不是

<!--[if lt IE 8,9]>

我建议你写

<!--[if (IE 8)|(IE 9)]>

如果您只想将样式表用于 IE 8 和 9。我不确定您使用的语法是否正确。

也许您在 IE 8 和 9 中也达到了每页最多 31 个样式表。

不要使用 IETester 之类的工具进行测试，因为它们并非 100% 等同于真正的浏览器。转到modern.ie 并下载虚拟机来测试您的站点。

其他资源：

【讨论】：

你在哪个浏览器中测试这个？

【解决方案3】：

lt 表示“小于”。您正在寻找的是一个条件语句，用于处理浏览器是否等于 IE 8 或 IE 9，因此您需要执行以下操作：

<!--[if IE 8]>
    <link href="~/Styles/ie8-9.css" type="text/css" rel="stylesheet" />
<![endif]-->
<!--[if IE 9]>
    <link href="~/Styles/ie8-9.css" type="text/css" rel="stylesheet" />
<![endif]-->

【讨论】：