IEでa要素以外に:hover擬似クラスを適用させる

IE6以下では、

:hover

擬似クラスが <a> 以外では適用されません。が、この問題の解決策が紹介されているサイトを発見しました。

それぞれで紹介されているとおり、Whatever:hover で配布している csshover.htc というスクリプトを使えば、IEでもいろんな要素に:hoverを適用させることが出来ます。（ダウンロードの場所がちょっとわかりづらいですが、Changes のなかにあります。）

使い方は、css で以下のように書くだけ。

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

これで、IEでも hover し放題です。素晴らしい！

About this entry

オススメ

価格: ￥ 2,835

IEで全ての要素に:hover擬似クラスセレクタを適応させる... 圧倒的なシェアを誇るIE 6 (Internet Explorer 6) では、CSS2で定義されたはずのa要素以外でのhover擬似クラスセレクタに対応してません。で (more...)

日常のきれはし 2007/20/07

メモ：IEでa要素以外に:hover擬似クラスを適用させる... 　IE6でもa要素以外に擬似クラスを適用させる方法について、jmblog.jpで... (more...)

Labrid WP 2009/27/02

IE対策：A要素以外に :hover を使う... CSSでマウスオーバー効果を得るのに非常に便利な :hover 疑似クラス。こんなに便利なのに、IE6以前では A 要素にしか対応していない。不便。例えば、フォームの input ボタンにマウスオー...

[...] そこで見つけたこんな記事 jmblog.jp - IEでa要素以外に:hover擬似クラスを適用させる Whatever:hover [...]

リンク