0

私はこのスタイルシートを持っています:

<link rel="stylesheet" href="/static/web/bootstrap/css/bootstrap-responsive.min.css" />

そして、IE8 +およびその他のブラウザーには含めたいが、IE7には含めたくありません。出来ますか？

編集: 私は試しました:

<!--[if (gte IE 8)|(!IE)]>
<link rel="stylesheet" href="/static/web/bootstrap/css/bootstrap-responsive.min.css" />
<![endif]-->

ただし、FirefoxまたはChrome（またはIE8 +以外のブラウザー）の下のファイルは含まれません

EDIT2： 実際、IE8でさえメディアクエリをサポートしていないことがわかったので、IE9 +（IE8 +ではない）のファイルを含める必要があります。とにかく、これは「これを行う方法」に関しては問題ではありません。

4

2 に答える 2

2

条件付きコメントにはいくつかの特別な構文があります

gt: greater than
lte: less than or equal to

したがって、それらを使用してフィルタリングできます。

<!--[if gt IE 7]>
<link rel="stylesheet" href="/static/web/bootstrap/css/bootstrap-responsive.min.css" />
<![endif]-->

条件付きコメントは、or演算子を使用した複数の条件もサポートしていますAND(&)OR(|)

<!--[if (gt IE 7)|(!IE)]>
    <link rel="stylesheet" href="/static/web/bootstrap/css/bootstrap-responsive.min.css" />
    <![endif]-->
于 2013-03-22T13:58:08.950 に答える
0

古い IE CSS ファイルを条件文に含めてから、通常の CSS ファイルを含めます

<!--[if lt IE 9]>
<link rel="stylesheet" href="/static/web/bootstrap/css/OLD-IE.css" />
<![endif]-->
<link rel="stylesheet" href="/static/web/bootstrap/css/bootstrap-responsive.min.css" />
于 2013-03-22T14:03:45.283 に答える