タグ

CSSハックに関するishidaiwaneのブックマーク (2)

  • IE6/IE7/IE8/IE9のCSSハック

    IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハックです。IE9はまだベータ版なので有効にならなくなるかもしれませんがとりあえず。 →IE9も正式版で確認済みです。 1.IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハック 以下の順番でプロパティおよびセレクタを記述してください。 body { color: red; /* all browsers, of course */ color: green¥9; /* IE8 and below */ *color: yellow; /* IE7 and below */ _color: orange; /* IE6 */ } body:not(:target) { color: black¥9; /* IE9 */ } IE6:プロパティの先頭にアンダースコア「_」を付与 IE7:プロパティの先頭にアスタリスク

  • ブラウザ間の見た目がどうしても同じにならない!!CSSハックと条件付コメントを使ってみる。 | WEBデザインファクトリー

    CSSハックとは Webサイト制作において各ブラウザ間におけるCSSのサポートが若干違うため、出来る限り表示を同一にするためのテクニックの一つです。 古くはIE5.5以前のボックスモデルの解釈の違い等、一部のブラウザの表示を直すために使われてきました。 しかし積極的に利用するのは問題があるんです。それは、CSSハックのいくつかはバグを逆手にとった手法 ...個別CSSハック ブラウザ間での表示がことなってしまう原因が分かったところで、まずは代表的なIEの各バージョンに対応したCSSハックを見てみましょう。 IE6に適用 値の先頭にアンダースコア「 _ 」を付与 body{_color : yellow ;} IE7に適用 値の先頭にアスタリスクを「 * 」を付与 body{*color : green ; } IE8に適用 値の末尾に「 \9 」を付与 body{color :

  • 1