アンダースコアハック

CSS覚え始めの頃、多様していたハックがアンダースコアハックです。

アンダースコアハックとは、Win版IEのみ適用させたい時に使います。

コレは、IEのバグを利用したテクニックで、プロパティの前に特殊記号などが記述されていた場合でも読み飛ばして通常と同じように解釈してくれます。

記述方法はいたって簡単。
プロパティの前に _ を置くだけ。

使いどころとしてはかなり多様で、IEだけ表示がおかしい時には何かと便利に使えます。
例えば、

.hoge {
	border-top:1px solid #CCC;
	margin:1px 10px 20px 0;
	_margin-top:0;
}

などのように、記述すればIEだけmargin-topが0になります。
IEには、互換モードの時に、

ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう

というバグがあるので、バグにはバグで対抗するって感じですね。

一応、ご注意としてアンダースコアハックは、W3C CSS ValidatorでErrorになりますので、多様はしない方がいいです。
あと、IE7ではもちろん修正されているので、他モダンブラウザ同様無視されます。
IE7の表示が標準通りなら無視されてくれないと困るわけですが。

と、アンダースコアハックについて長々書いてしまいましたが、ハック自体、使わずに済むのならソレが一番良いと思います。

ボクも出来るだけ使わないよう気をつけてます。

Track Backs [2]

Track Back URL

ブログ改造-3

ブログ改造、3回目です。 今回は、(アクセス解析・アンダースコアハック・QRコード)について。 アクセス解析 当ブログは現在まだ全然アクセスが無い状態な... 続きを読む

  • by 消波ブログ

背景画像切り替え

ミクコレ的ノリでお好きな背景にして閲覧して頂ければと思います。
デフォルトの背景は、ボクの気分に応じて時々変更したり季節モノになったりするみたいです。

このページの上部へ