旭川のホームページ制作・WEBコンサルティング～ガイネット

CSSのネタ～CSSハック

以下の記述を組み合わせてＣＳＳのバグの多いブラウザ対策を行ないます。

まず、ＩＥ＆ＮＮ４．ｘ系ブラウザのＣＳＳを読込ませないようにし（４．ｘ系の見栄えも考えるなら別に指定します。）次にＩＥ５．ｘ系のブラウザを読込むように記述します。

Windows版ＩＥ５系ハック

Ｗｉｎｄｏｗｓ版ＩｎｔｅｒｎｅｔＥｘｐｌｏｒｅｒ5.x系にのみ読込ませる記述。

@media tty {
i{content:"\";/*" "*/}} @import 'WinIE5用CSSファイル.css'; /*";}
}/* */

MAC版ＩＥ５系ハック

ＭＡＣ版ＩｎｔｅｒｎｅｔＥｘｐｌｏｒｅｒ5.x系にのみ読込ませる記述。

/*\*//*/
@import "MacIE5用CSSファイル.css";
/**/

N.N4系ハック

ＮｅｔｓｃａｐｅＮａｖｉｇａｔｏｒ4.xに読込ませない記述。

<link rel="stylesheet" href="ＮＮ４以外用.css" type="text/css" media="screen,print" />

ＩＥ４系ハック

ＩｎｔｅｒｎｅｔＥｘｐｌｏｒｅｒ4.0に読込ませない記述。

@import "ＩＥ４以外用.css";