古いIEのCSSハック

プロパティごとに記述するだけで適用バージョンを変えられる簡易的な手法をご紹介。

IE6

プロパティ頭に「_」を付ける。

.class {
  _margin: 0;
}

IE7

プロパティ頭に「*」を付ける。

.class {
  *margin: 0;
}

IE8

プロパティ末尾に「\9」を付ける。(\は¥で打つバックスラッシュ)

.class {
  margin: 0\9;
}

IE9

セレクタの親に「:root」を加え、プロパティ末尾に「\0/」を付ける。

:root .class {
  margin: 0\0/;
}

複合技も可能

.class {
  _margin: 5px;
  *margin: 6px;
  margin: 0\9;
}