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 に答える