CSS 文件中的 IE 特定 css答案

【问题标题】：IE specific css in CSS fileCSS 文件中的 IE 特定 css
【发布时间】：2014-06-22 21:45:11
【问题描述】：

我想将特定的 css 添加到 css 文件中。

.center{
margin-top:-40px !important;
}

我尝试添加

 .ie .center{
    margin-top:-40px !important;
    }

但是这个解决方案不起作用。有没有办法做到这一点。

【问题讨论】：

如何将.ie 类添加到body？
引用此链接stackoverflow.com/questions/11173106/apply-style-only-on-ie 并尝试过@Paulie_D
没有回答我的问题...您如何添加 .ie 类？请记住，条件 cmets 仅适用于 IE9 及以下版本。
谢谢@Paulie_D

标签： css internet-explorer

【解决方案1】：

您需要编写html IF条件来检查客户端的浏览器是否为IE。

您知道它会查找所有版本的 Internet Explorer。无论如何我不建议使用这种方法，最好为所有浏览器创建一个 css 文件。

【讨论】：

【解决方案2】：

您可以只制作外部样式表来定位特定版本的 IE（或全部）：http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

或者您可以针对特定 IE 版本使用 css hack：http://css-tricks.com/snippets/css/browser-specific-hacks/

或者更好，每个人都有一个样式表（最佳解决方案）

【讨论】：

【解决方案3】：

使用这个。你可以在你的正常风格中使用它。不需要为 IE 制作其他 css 文件。

.center{
    margin-top:-40px;   /* IE9 and below */
    margin-top:-40px\9; /* IE8 and below */
    *margin-top:-40px;  /* IE7 and below */
    _margin-top:-40px;  /* IE6 */
}

【讨论】：

我也需要ie10的特定css

【解决方案4】：

在我发布答案之前，我查看了发布的其他答案并看到了您的评论

" 我还需要 ie10 的特定 css"

所以我现在必须告诉你 Conditional Comments（这就是那些特定于 IE 的 css 应用程序的名称）在 IE10 和更高版本中被禁用，因为在他们看来，自从 IE10 以来，他们修复了大部分错误并且有不再需要它们了。

【讨论】：

【解决方案5】：

在你的 head 标签中添加这个

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

然后将你的css粘贴到ie.css中

.ie .center{
    margin-top:-40px !important;
}

如果您想针对特定版本的 IE，例如

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

您在 ie10.css 中的相应 css 将是

.ie10 .center{
        margin-top:-40px !important;
}

获取更多 IE 特定 hack here 和 here

【讨论】：