IE6～9ブラウザのif文操作を繰り返す必要がある css hack_html/css

IE6～9ブラウザのif文操作を繰り返す必要がある css hack_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:21:12

オリジナル

921 人が閲覧しました

1. CSS if hack 条件構文< !--[if ie]> ie のみ
すべての Win システム組み込み IE のみが認識できます
< !--[if ie 5.0]> ie 5.0 のみ
ie5.0 のみが認識します
< [if gt ie 5.0]> + < ;![endif]-->
ie5.0 は ie5.5 で認識されることが保証されています
< !--[if lt ie 6]> ie 6- ;
ie6 のみが認識可能
< !--[if gte ie 6]> ie 6/+ ie6 および ie6 より下の ie5.x のみが認識可能

ie 7/-

ie7 でのみ認識

< [if gte ie 7]> ie 7/+ のみ;![endif]-->
ie7 と ie6 および ie7 より下の ie5.x はすべて認識できます

ie9 のみ認識可能

注: if gte の後に lt を追加します効果は異なります (他のパラメータにも同様です)

ie8 のみが認識できます

= ie7 以前のバージョン

= ie8 バージョン以上

2、div+css の例

css の例 1: ie6-ie8 に異なるコンテンツを表示させる、div cssコードは次のとおりです:

<!doctype html><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>div if条件实例</title></head><body>你正在使用：<!--[if ie 7]> <h2>ie7</h2><![endif]--><!--[if ie 6]> <h2>ie6</h2><![endif]--><!--[if ie 8]> <h2>ie8</h2><![endif]--><!--[if ie 9]> <h2>ie9</h2><![endif]--><br><br><strong>说明</strong>：如果你的浏览器版本为多少即会显示ie多少，针对ie6-ie9实验</body></html>

ログイン後にコピー

div+css 例 2: 説明: 上記の実験例は、異なる ie に対して異なる Web ページコンテンツ div+css を表示することです。

ie6 ～ ie8 にさまざまな CSS スタイル効果を表示させます。 div CSS コードは次のとおりです:

<!doctype html><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>css if条件hack实例</title><!--[if ie 6]> <style type="text/css">.divcss{ color:#f00;}</style><![endif]--><!--[if ie 7]> <style type="text/css">.divcss{ color:#ff0;}</style><![endif]--><!--[if ie 8]> <style type="text/css">.divcss{ color:#00f;}</style><![endif]--><!--[if ie 9]> <style type="text/css">.divcss{ color:#000;}</style><![endif]--></head><body><div class="divcss">div css实验提示：<br>我在ie6下是红颜色，在ie7下是黄颜色,在ie8下是蓝颜色,在ie9下是黑色</div></body></html>

ログイン後にコピー

注: 上記の実験は、ie6 ～ ie9 での if ハックのみをテストします。