WebTecNote

CSS Filters(for IE)

有名すぎるほど有名なIE用のCSSハックをいくつか。

参考サイト
CSS-only Filters Summary

centricle:css filters

ホーリーハック
IE6の配「置に関する問題を解決する。height:1%というのがミソである。

/* Hides from IE5-mac ¥*/
* html セレクタ {height:1%;}
/* */

IE7のみ
上)Safariが入ってしまうClearFixに便利
下)多分バグかな?

*+html div { color:#FF0000; }
[className="hoge"] { color#FF0000; }

IE6以下全てのバージョン
IE7はマシになったが、未だどうしようもないIE6以下に仕方なく使うためのハックである。
アスタリスク+スペース+html+セレクタと書いて使う。

* html div { color:#FF0000; }

Win IE5.5のみに適用
@imortで専用ファイルを読み込むハック。どういう発想でこういう記述が生まれるんだろう…

@media tty {
i{content:"¥";/*" "*/}}@m;@import 'FILENAME.css';/*";}
}/* */

Win IE5のみに適用
@imortで専用ファイルを読み込むハック。IE5ってまだ使ってる人いるのかな。

@media tty {
i{content:"y";/*" "*/}}; @inport 'FILENAME.css'; {;}/*";}
}/* */

MAC IE5のみに適用
個人的には切り捨てても問題ないと思うが…

/*¥*//*/
@import "FILENAME.css";
/**/
モバイルバージョンを終了