このページの目次

IE 6 以下で CSS の E:hover, E:active を有効にする JS

概要

IE 5, 5.5, 6 の環境で、全ての要素に対して CSS の E:hover と E:active を有効にする JavaScript ライブラリです。

例えば、 p:hover { baclground : #ccc; } のように CSS を記述すれば、これが動作します。

ただし、E:active にはすこしおかしい部分があるので、E:hover のみでの利用が無難かと思います。

使用方法

ie6csshover.htc を JavaScript として読み込むだけで使用することができます。

例えば、以下のようなソースコードを HTML の head 要素内になどに追記します。

<script type="text/javascript" src="js/ie6csshover.htc"></script>

この JavaScript ライブラリは csshover.htc を元に作られています。E:focus も使えるようになるという csshover2.htc も公開されていますが、IE 6 が対応していない擬似クラス全て (:unknown) を対象としているため、例えば、E:after や E:before さらには、E:mitaiouSelector といった IE 6 にとって未知の擬似セレクタらしきもの全てに反応してしまいますので、csshover2.htc ではなく、csshover.htc のソースを改変させていただきました。

ie6csshover.htc のライセンスは csshover.htc と同様の GNU Lesser General Public License として公開させていただきます。

See also



トラックバックURI

http://www.yomotsu.net/lab/javascripts/ie6csshover/trackback

この記事へのコメントはまだありません

コメントフォーム

コメント

コメントでは一部の XHTML タグを使用できます。 : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

実験室に戻る

著作権情報等

Copyright © 2004-2008 yomotsu-net. Some Rights Reserved.