特定のブラウザのみに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; }
「_」を前に追加。
お試しください。
※環境やバージョンによって異なる場合もございます。