ジェイクールの更新テクニック

safariのみ・各種IE用cssハック方法

特定のブラウザのみにcssを適用させるハック方法を備忘録としてまとめたいと思います。
以下のcssを例として使用します。
 

.contents-block {
	position: static;
}

 

■safariのみハック

@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .contents-block {
    position: static;
  }
}

「::i-block-chrome,」を取るとchrome&safariのハックになる。(と思われる)

■IE8とそれ以下ハック

.contents-block {
	position: static¥9;
}

「\9」を後ろに追加。コード上では表示の都合全角ですが、半角で。

■IE7とそれ以下ハック

.contents-block {
	*position: static;
}

「*」を前に追加。

■IE6ハック

.contents-block {
	_position: static;
}

「_」を前に追加。

 
お試しください。

※環境やバージョンによって異なる場合もございます。