tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/482/css%e3%83%8f%e3%83%83%e3%82%af%e3%81%ae%e6%ad%b4%e5%8f%b2/’;Checkvoice-familyを使った「Box Model Hack」（2002年～2003年） Windows版IE5.5以前が「cssの\記号によるエスケープを正しく解釈できないこと」を利用したハック。 特定のWebブラウザに専用の外部スタイルシートを読み込ませるハック（2004年～） 　「Box Model Hack」が火付け役となり、cssハックは隆盛期。 　http://centricle.com/ref/css/filters/ 　このようなハック一覧サイトも登場した。 宣言レベルのハックからセレクタレベルのハックへ（2004年～） この頃登場した主な宣言レベルハック（現在はほとんど使われていない） Underscore Hack プロパディの先頭にアンダースコア（_）をつけると、Windows版IE 6以前にだけ適用される 「!important」を利用したハック IE 6以前では同じ宣言ブロック内の「!important」は無視される、という性質を利用したハック 「IE 6 comment bug」を利用したハック プロパティに続けて半角スペースと「/**/」を入れると、IE6には適用されなくなる ハックは問題のあるWebブラウザに対して使用する（2006年～） Star html Hackが多く使われている理由 視覚的に目立ったポイントが先頭にある（「*」） セレクタレベルで使用するタイプである 問題のあるWebブラウザに対して使用する 同様な性質を持つものとしてIE7を対象にした「*:first-child+html」を使用したハックがあり、これも今後使用される機会が増えることが予想される。

Continue reading about cssハックの歴史

tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/432/displayblock%e3%80%80%e3%81%95%e3%82%8c%e3%81%9fa%e3%82%bf%e3%82%b0%e3%82%92ie6%e3%81%a7%e3%82%82%e5%ae%89%e5%ae%9a%e3%81%95%e3%81%9b%e3%82%8b/’;CheckIE6のシェアは今後縮小の方向に進むことは自明のことかと思いますが、いまだに25%ものシェアがある為、対応はせざるを得ないというケースもまだまだ多いと思われます。 私のかかわっております案件で先日IE6対応を行った際役に立ったTIPSをご紹介します。 表題のケースですが、今回起こった不具合は、グローバルナビをhover時にその周辺のレイアウトがガタっと動いてしまう、というものでした。 なかなか原因と解決策が見つからず困っておりましたところ、このようなサイトを発見。 CSS で overflow : hidden; を適用させる。 なぜこれで解決するの？わからない為、おまじないのようですが、あら不思議、確かに修復できました。 「はじめてのブログデザイン」様、有益な情報をありがとうございました。

Continue reading about display:block　されたa要素をIE6でも安定させる