WordPress(ワードプレス)やMacやxreaの他に、プラスひかげ的Webスタイル

ひかげStyle

Mac IE5系のホーリーハック(CSSハック)

Mac版 IE5系のブラウザにCSSを適応させない「ホーリーハック」のメモです。

ホーリーハックを使ったCSSプロパティは、Mac IE5系のブラウザには読み込まれません。

ホーリーハックの記述方法

CSSの書式は以下の通りです。

/* Hides form IE5-mac \*/
セレクタ {
プロパティ:値;
}
/* End hide from IE5-mac */

ホーリーハックでフロート系バグ回避の記述

フロートした時に余白やはみ出しなどができてしまう現象を回避するために、該当するセレクタに「height:1%;」を指定します。

記述は以下の通りです。

/* Hides form IE5-mac \*/
* html セレクタ {
height:1%;
}
/* End hide from IE5-mac */

ハックはなるだけ使わない方が良いと思いますが、備えあれば憂いなしということで。

関連記事

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です