IE8用CSSハック

どうしてもIE8用にCSSハックが必要になってしまったので、あれこれ試して実際に使えたハックをメモ。

html>/**/body .tlImageBlock a {
  display /*\**/: inline \9;
}

html>/**/body

指定したいセレクタの前に html>/**/body を置く。

/*/

プロパティとコロン(:)の間に /*\**/ を入れる。
(見出しはエディタ側の都合で正しく表示されていません…)

\9

セミコロン(;)前に \9 を入れる。

関連するCSS指定の最後に記述する

意外と重要なポイントとして、最後にまとめてIE8用の指定を記述すると反映されたりします。
順番を入れ替えたりするだけでも表示されなくなったりするので、それだけデリケートなものだという認識は必須です。