GRAM | Build Inter-Communication through Designing

HTML&CSSの小話。

よく IE6 であれが出来ない、これが出来ない。
っとかが多いときに、「****.htc」ファイル使うと解決する時があるのですが、
これの格納場所が微妙に分からなかったので、メモ。
(csshover.htc とか iepngfix.htc とか、他にもいっぱいあるらしい)

普通CSSは、CSSの格納場所からの相対パスになるのだけれども、
htc ファイルを使用するときの behavior:url(); は表示されるHTMLファイルからの相対パスになるようです。

だから、
絶対パスで書けばいいんじゃないかって話っ！！

こーゆー感じ ↓

* html { behavior: url(http://www.brooklyn.jp/script/*****.htc); }

注 : 「* html」は IE6 だけに適用させる CSS HACK なので、書かなくても大丈夫です。

–
追記 : 09.01.10 – 13:51

今、これじゃ意味ないことに気付いた。
ほんとはこーしないとダメです ↓

* html body { behavior: url(http://www.brooklyn.jp/script/*****.htc); }
/* or you can apply to specific CLASS and ID */
* html .classs_sample { behavior: url(http://www.brooklyn.jp/script/*****.htc); }
* html #id_sample { behavior: url(http://www.brooklyn.jp/script/*****.htc); }