• Home >
  • Web >
  • 【js】IEで:hoverなどの擬似クラスを使う

【js】IEで:hoverなどの擬似クラスを使う

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と併用するか、カスタマイズ版を使うかすればいけそうです。

Related Articles

Post a Comment

コメントは承認制です。(approval system.)