html - HTML 条件付きコメントを組み合わせて、IE ではなく IE8+ を含める

Question

IE8+ をターゲットにするには、次を使用する必要があることを知っています。

<!--[if gte IE 8]>
According to the conditional comment this is IE 8 or higher<br />
<![endif]-->

IE 以外のブラウザをターゲットにする場合は、次を使用できます。

<!--[if !IE]> -->
According to the conditional comment this is not IE<br />
<!-- <![endif]-->

次のように条件を組み合わせることもできます。

[if (IE 6)|(IE 7)]

しかし、私の問題は、IE8 +またはIE以外のブラウザをターゲットにしたいので、次のようにターゲットにしようとしています:

<!--[if (!IE)|(gte IE 8)]> -->
This should be non IE or IE8+ browsers
<!-- <![endif]-->

-->これは IE 以外のブラウザでも機能するようですが、IEに追加されます。

コメントのタイプがdownlevel exposedとdownlevel hiddenに関係していると推測していますが、それらを処理する方法がわかりません。

Answer 1

これは私にとってうまくいくものです。非 IE-8 css を 2 回含める必要がありました。

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

見る：

http://msdn.microsoft.com/en-us/library/ms537512.ASPX

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

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

もちろん、これによりパフォーマンスが低下し、コードの保守が難しくなります。ただし、動作します (少なくとも私が試したブラウザーでは)。

ニーズに合ったものを見つけることができれば、優れた css ライブラリを検討することができます。