IEでaタグ以外にhoverを効かせる方法

はてなブックマーク - IEでaタグ以外にhoverを効かせる方法
このエントリーをはてなブックマークに追加
Share on Facebook

えー、floatの続きを書こうと思ったのですが、
表題の内容が今日解決して、面白かったので書きます。

どうするかというと、IEに特殊なスクリプトを読ませることで解決します。
なにやら最初は難しそうでしたが、やってみたら簡単でした。
以下、方法。

①こちらのサイトから'csshover.htc'ファイルをダウンロードします。
http://www.xs4all.nl/~peterned/csshover.html#changes
(・ver 1.42はhoverとactive、ver2.02はver1.42+focusが使えるようになるようです。
・コードが出る場合は、全選択→テキストエディタに貼り付けて保存)

②cssの入っているフォルダに保存します。
(htmlと同じフォルダでも可)

③cssのbody部分に以下のように追記します。

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

(※htcファイルの位置はhtmlファイルからの相対パスか、絶対パスで指定します。)

これでOK。
IEでaタグ以外にhoverが使い放題になります。

コメントをどうぞ

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">