スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
記事URL | スポンサー広告

4文字でIE6/7/8を区別するCSSハック

4文字でIE6/7/8を区別するCSSハック

[CSS]わずか四文字でIE6/7/8を区別するCSSハック | コリス

「\」「9」「*」「_」の4つの文字を使うだけで、IE6・IE7・IE8を区別するCSSハックが紹介されているので、こちらでも紹介。

IE8とそれ以下用

body {
	color: red; /* 全てのブラウザ用 */
	color : green\9; /* IE8とそれ以下用 */
}

最後に「\9」

IE7とそれ以下用

body {
	color: red; /* 全てのブラウザ用 */
	color : green\9; /* IE8とそれ以下用 */
	*color : yellow; /* IE7とそれ以下用 */
}

先頭に「*」

IE6用

body {
	color: red; /* 全てのブラウザ用 */
	color : green\9; /* IE8とそれ以下用 */
	*color : yellow; /* IE7とそれ以下用 */
	_color : orange; /* IE6用 */
}

先頭に「_」

使用上の注意

CSSハックは、今は有効でも将来的に機能しなくなる可能性があるので、条件付コメントを使用したほうが無難です。

条件付コメントの使い方は下記参照。

<!--[if lte IE 6 ]>
<p>この表示はIE6以下で見えます。</p>
<![endif]-->

条件付コメントの使い方詳細は「CSSハックを使わずIEのバグに対処する方法 - [ホームページ作成]All About」が分かりやすいです。

▼スポンサードリンク

記事URL | Trackback(0) | Comment(0) | CSS
1つ後の記事:Linuxをテーマにした高解像度の壁紙30選
1つ前の記事:フリーで使える高品質なHTML/CSSテンプレート32選


















管理者にだけ表示を許可する

トラックバックURL
http://webclipping.blog122.fc2.com/tb.php/26-22a391cd
この記事にトラックバックする(FC2ブログユーザー)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。