Question

我需要为IE和所有其他浏览器添加不同的.css文件。

我尝试了以下但不起作用。

<!--[if !IE]><!-->
<link type="text/css" rel="stylesheet" href="css/my_style.css">
<!--<![end if]-->
<!--[if IE]><!-->
<link type="text/css" rel="stylesheet" href="css/my_style_IE.css">
<!--<![end if]-->

Answer 1

这是一个很好的页面，可以为您提供所需的示例列表：

ie only stylesheet

定位IE的所有版本

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

除IE之外的一切目标

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

仅限目标IE 7

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

仅限目标IE 6

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

目标IE 6和LOWER

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

<!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6-and-down.css" />
<![endif]-->

目标IE 7和LOWER

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

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

目标IE 8和LOWER

<!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->

<!--[if lte IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->

目标IE 7和更高

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

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

目标IE 8和更高

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

<!--[if gte IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->

Answer 2

检查一下 About conditional comments

示例：

<!--[if IE]>
<p>Welcome to Internet Explorer.</p>
<![endif]-->

Answer 3

你可以通过这种方式为IE条件提供css路径。

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

您可以从以下链接获得更好的帮助。

http://www.quirksmode.org/css/condcom.html

... Enajoy !! ：）

Answer 4

我想你错过了/＆gt;在链接元素的末尾

<link type="text/css" rel="stylesheet" href="css/my_style.css" />

Answer 5

尝试这样的时候会发生什么？

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

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

Answer 6

您在定义条件注释时遇到了几个错误：

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

这应该可以解决问题。

如何为ie指定不同的css

6 个答案: