html - (!IE) IE からのブロック コードに関する問題

Question

私は (もう一度) 学校サイトのテンプレートを強化しています。しかし、私は別の問題に遭遇しました。IE9 より前のバージョンの Internet Explorer では、ナビゲーション バーが適切にレンダリングされないことに気付きました (予想されることです)。Web で !IE タグが使用されているのを見て、自分のデザインでそれを複製しようとしました。ただし、実装されると、すべてのブラウザでそのコードが表示されなくなりました。

<!--[if !IE]>
    <li><p>&nbsp;&nbsp;</p></li>
    <li><img src="vp-global-logo.gif" />
<![endif]-->

私も試しました：

<!--[if gte IE 9]>
    <li><p>&nbsp;&nbsp;</p></li>
    <li><img src="vp-global-logo.gif" />
<![endif]-->

どうすればこれを機能させることができますか？サイトを遅くしすぎない代替方法はありますか?

Answer 1

特別な構文で条件付きコメントを終了する必要があります。

<!--[if !IE]><!-->
    <li><p>&nbsp;&nbsp;</p></li>
    <li><img src="vp-global-logo.gif" />
<!--<![endif]-->

これにより、IE が HTML を表示するのを防ぎ、他のブラウザーはそれを見ることができ、if と else を通常の HTML コメントとして扱います。

Answer 2

リスト項目をコメントアウトしています。コードを次のように変更してみてください。

<!--[if gte IE 9]--><!-->
    <li><p>&nbsp;&nbsp;</p></li>
    <li><img src="vp-global-logo.gif" />
<!--><![endif]-->