« ペンタブレット | メイン | 半島を出よ（上） »
IEでhoverをa以外に効かせる
乏しい読解力で海外サイトを廻って見つけた久しぶりのCSSネタ。おなじみのa:hoverはIEの場合 a 属性以外には効果が無い（ZSPC：hover対応表）これを有効にするスクリプト「csshover」というスクリプトを配布している「Peterned」というサイトがある。javascriptでのhoverもいいけど一括指定でhoverが使用できる点から、こちらのほうが便利かなと...。
というわけでIEのみがターゲットということもあり、読み込みのほうもいつもの外部読込形式ではなく、IE独自の「behavior」を使う。CSS一枚に記述するだけで事足りるので楽チン。Bodyに behavior: url("ｘｘｘ.htc") という形でhtcという形式のファイルを読み込ませる。詳しくはこちら（CYBER@GARDEN）を参考に。
使ってみるとこんな感じになります。
なんでもHover出来ますので使いまくりです。色を変える程度しかしてませんが、使い方次第で面白いことが出来そうです。
IE７が出たらこんな煩わしい behavior 形式を使うことも無いと思うのだが...。
トラックバック
この一覧は、次のエントリーを参照しています: IEでhoverをa以外に効かせる:
» IEでa要素以外に:hover擬似クラスを適用させる 送信元 jmblog.jp
IE6以下では、:hover擬似クラスが <a> 以外では適用されません（CSS2対応状況ガイド：:hover）。が、こいつの解決策が紹介され... [詳しくはこちら]