CSSでもJavascriptでも、Internet Explorerにのみ適用させたいとうい時がしばしばあります。
そんな時のために、Internet Explorerだけに適用させる条件指定方法の紹介。
今回は、CSSを例に紹介していきます。
すべてのバージョンのIEに適用させる。
[html]
[/html]
プログラミングではお馴染みのif文のようなものです。
IEには適用しない。
[html]
[/html]
IEの前に「!」が付くと、IE以外のものに適用させます。
裏を返すと、IEには適用しないということになります。
バージョン別に適用
「IE」のあとにバージョンナンバーを記述することで、バージョン別に適用させることができます。
IE8のみ
[html]
[/html]
IE5.5のみ
[html]
[/html]
以下のバージョンに適用
IE7以下のバージョンに適用させる場合
[html]
[/html]
「lt」は less than を意味します。
なので、IE8未満の時に適用。
[html]
[/html]
「lte」は less than equal を意味します。
なので、IE7以下の場合に適用。
以上のバージョンに適用
IE7以上のバージョンに適用させる場合
[html]
[/html]
「gt」は greater than を意味します。
なので、IE6よりも新しいバージョンの時に適用。
[html]
[/html]
「gte」は greater than equal を意味します。
なので、IE7以上の時に適用。
コメントを残す