0

1 つの条件付き読み込みですべての IE バグの CSS を記述できますか?

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

LT IE 9 で条件付きコメントを 1 つ作成すると、内部に IE7 と IE8 の CSS を記述できますか、それとも 2 つの異なるスタイルシートを作成する必要がありますか?

4

2 に答える 2

1

その条件付きコメントの中に入れたものはすべて、対応するブラウザーによって解釈されます。つまり、1 つの条件付きコメント内に複数のリンク タグを配置できます。ただし、あなたの場合、それらはすべて IE 5、6、7、および 8 によって解釈されます。バージョンごとに個別のスタイルシートが必要な場合は、バージョンごとに個別の条件付きコメントも必要になります。

ただし、次のブログ投稿を必ずご覧ください。

http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

この方法は、これらの条件付きコメントをすべてクリーンアップするのに役立ちます。

編集：

次に例を示します。

HTML:

<!--[if IE]><html class="ie"><![endif]-->
<!--[if !IE]><!--><html><!--<![endif]-->
<head></head>
<body>
<h1>Foo!</h1>
</body>
</html>

CSS:

h1{
  font-size:2em;
}

.ie h1{
  /* will only apply to IEs - but all of them */
  font-size:1.5em;
}
于 2013-10-06T20:39:13.627 に答える
1

IE のバージョンごとに異なるスタイルシートを使用する場合は、それぞれに異なる条件を作成する必要があります。独自のスタイルシートへのリンク。lt「未満」の略ですが、lte「未満または等しい」という意味の もあります。

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

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

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

または、 9 以下のすべてのバージョンの IEで同じスタイルシートを使用する場合は、次を使用します。

<!--[if lte IE 9]>
    <link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
于 2013-10-06T20:39:14.497 に答える