IE5.xだけ別のCSSを適用する

IE5.xだけ別なCSSを適用させたい場合の記述。Mac/Win両方のIE5.xに対応。

/*
まずはMacintoshIE5.0用に記述 */

.selecta{
background: #006600;
}
/* 次に通常のブラウザ用とWin版IE5.0用を記述 \*/
.selecta{
background: #FF0000;
}
* html .selecta{ 
background: #0000CC;
}
/* 復帰する */

プロパティがbackgroundになってますがこれは例です。実際に.selectaというクラスを適用してもらうと、Mac版IE5.0では緑、Win版IEでは青に見え、IE6.0などでは赤に見えるはずです。

■Macintosh版IE5.0にのみ有効な設定を作る。

Mac版IE5.0はコメントの終了タグが \*/ となっていると認識できずに、次に出現する */ までをコメントとして認識してしまうため、途中に/* …… \*/ という形のコメントを挟み、その中に通常適用させたいCSSを記述する。
こうするとMac版IE5.0だけに有効な設定を作ることができる。

■Windows版IE5.xにのみ有効な設定を作る

しかし上記ではWindows版IEすべてに同じ設定が適用されるので、* html
セレクタ名の形で、同じセレクタ名を上書きしてやる。この形式はIE6.0やOpera、Firefoxなどには適用されずIE5.xにのみ適用されるので、Windows版IE5.0にのみ有効な設定を作ることができる。

CSSを適用からNN4.xとIE4.xを除外する方法」でNN4.x、IE4.xまでを除外し、さらにこの設定でIE5.xについては個別対応してゆくとよい。

 

コメントはまだありません

最初のコメントをどうぞ!

すみませんが、この投稿記事へのコメントは現在受け付けておりません。