IE6でhover,active,focus擬似要素を使う為の「csshover」-JavaScript Library Archive

IE6でhover,active,focus擬似要素を使う為の「csshover」

配布元：whatever:hover
ライセンス：LGPL

IE6はa要素以外は:hoverや：active、：focusなどのダイナミック擬似クラスに対応していません。それを解決するのがcsshoverというJavaScriptライブラリです。

配布元よりcsshoverの.htcファイルをダウンロードします。:hover と :activeに対応した1.4系、1.4系に:focusを追加した2.0系がありますので、利用したい擬似クラスに合わせてダウンロードしてきてください。

ダウンロードしたファイルはスタイルシート内でbody要素に対して読み込みます。

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

.htcファイルのパスはhtmlファイルからのパスになるように気をつけてください。

これで、CSSで擬似クラスを設定すれば、IE6にも反映されます。

ul.exp1 li:hover{
	background:red;
}
ul.exp2 li:active{
	background:red;
}
input.exp3:focus{
	background:red;
}

.exp3:focusなどの要素セレクタがないセレクタに対して指定した擬似クラスは、一部反応しないので気をつけてください。