1

我正在尝试使用条件注释包含一个仅限 IE7 的样式表:

<head>
  <meta charset="utf-8">
  <title>Title</title>
  <meta name="description" content="Description">
  <link href="/static/styles/bootstrap.min.css" rel="stylesheet">
  <link href="/static/styles/font-awesome.min.css" rel="stylesheet">
  <link href="/static/styles/main.css" rel="stylesheet">
  <link href='//fonts.googleapis.com/css?family=Quicksand:700' rel='stylesheet' type='text/css'>
  <!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <!-- [if IE 7]>
    <link type="text/css" rel="stylesheet" href="/static/styles/ie7.css">
  <![endif]-->
  <link rel="icon" type="image/png" href="/static/images/layout/favicon.png">
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
</head>

我有一个 Windows 7 虚拟机(在 VirtualBox 上运行),我正在使用 IE9 中的开发人员工具将浏览器模式切换到 IE7。引用的样式表中的任何内容都不会应用于页面。我正在加载这个样式表,我正在使用所有其他样式表!important,并且我已经三重检查了文件名和路径,但样式仍然没有被应用。谁能看到我哪里出错了?

4

1 回答 1

4

有一个空间

<!--RIGHT HERE[... remove that one

前:

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

后:

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

不知道是不是这样

于 2013-03-07T22:50:24.733 回答