Home > js > IE6でhover,active,focus擬似要素を使う

IE6でhover,active,focus擬似要素を使う

2008-12-17 (水) 13:45
js
js

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

csshoverの使い方

配布元より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;
}

Comments:0

Trackbacks:0

Trackback URL for this entry: http://www.coral-design.net/js/330.html/trackback
Listed below are links to weblogs that reference: IE6でhover,active,focus擬似要素を使う from coral design

Home > js > IE6でhover,active,focus擬似要素を使う

Event

About Me

Pages

Recent Entries

Categories

Archives

Tag Cloud

Search

Feeds

Meta

Return to page top