【js】IEで:hoverなどの擬似クラスを使う
- 2009.03.04
- Web
- javascript
- 0

IEで:hover、:active、:focusの擬似クラスを全ての要素に使えるスクリプトの紹介。
配布元
http://www.xs4all.nl/~peterned/csshover.html
解説
方法は.htcファイルをダウンロードし、body要素に
body { behavior: url("csshover3.htc"); }
と記述。behaviorはIE独自のセレクタ。ここで注意。配布元のコードだけ見ると勘違いしがちだけど、英語部分を読むと、
background-imageのようにcssからの相対パスではなく、htmlからの相対パスにする
とのこと。ややこしいんで、とりあえず絶対パス(http://~)で書いておけば問題なし。これでウチのサイトのinput、textareaはフォーカスで色が変わってるはずです。
ただし最新のver3では、この:focusがIE6で効きません。こちらのサイトによれば、ver2と併用するか、カスタマイズ版を使うかすればいけそうです。
Last Update 2010/02/15
Post a Comment
コメントは承認制です。(approval system.)