[mA] 「behavior（.htc）」IE限定CSS機能　よさげなのピックアップ

07/21: 「behavior（.htc）」IE限定CSS機能　よさげなのピックアップ

behavior（ビヘイビア。ファイル化の場合、拡張子は.htc）

IE5.0以上のみ対応する独自CSS機能で、CSSからJavascriptによく似たJscriptを実行することができる。CSSプロパティにて、IE7では実装されてるけどそれ未満のバージョン（IE6など）では実装されてない場合に使用するケースが特に有用な存在となり、時代遅れゆえにちょっとだけ脚光を浴びてます。

記述例はこんな感じ、めちゃ楽。

body {
behavior:url(csshover2.htc);
}

expression系は、処理によってブラウザの動作を遅くするのですが、「まあCSSの切り分けでIE6のみに読み込ませて、他のモダンブラウザはサクサク動ことだしいいんじゃないの」みたいな存在感があります。

「透過PNG（アルファチャンネルPNG）」をちゃんと表示するiepngfix.htc

このビヘイビアは2006年12月頃にはやって、IE7に実装決まって需要が高まったのが理由みたい。

IEでアルファチャンネルPNGを表示する（iepngfix.htc） - youmos

ライセンス：LGPL 2.1

A要素（Aタグ）、つまりリンクが押せない、きかないという問題がある。A要素に「position:relative;」を指定する、または「background:transparent;」とすれば押せるケースがあるけど、経験上ではabsoluteの中のrelativeの中でrelative指定みたいに、入れ子にすると回避が難しくなる。解決法はこちら

画像サイズ（width・heightが伸びたり切られたり）に困ったときは、３パターンの画像サイズ表示方法をそれぞれ用途に考えて、htcのコピー別ファイルを作って「crop,image,scale」の値で使い分けるのもよし。

「:hover」を実行するcsshover2.htc

クラス名が変わってしまう仕様なので、csshover.htc を使うと～onhover といったクラスが裏で追加される - れぶろぐ (2008-01-11)を読んでおくこと

DIGITAL NOTE BOOK/script || IE BehaviorやLightboxなどの導入方法

ライセンス：LGPL 2.1

「border-radius」に似た角丸効果を実行するround.htc

下記の３つができないのですが、それでもいいような気が・・・

角の半径が固定。
縦方向のpaddingが他ブラウザと異なってくる。
丸い角に沿ったborderを表示できない。

「round.htc」　border-radius + -moz-border-radius + (Nifty Corners * IE behavior)

ライセンス： Unknown

「:forcus」を実行するformFcs.htc

「input[type="text"]:focus」と、「textarea:focus」を実行する。
ユーザビリティに優しげな機能がIE6で使えないのにしょげかえって、しょうがないからどこかの英語ページを見ながら１から書いて自作した記憶がある。正直効率が悪そうな予感がするが関数とかわかりません。CSSに調整が必要だと思う、とりあえずIE6で出来ない下記のクラスタを使うことが可能になります。