IE 6 CSS ホバー非アンカータグ

Question

IE6 で非アンカー タグのホバー疑似クラスをシミュレートする最も簡単でエレガントな方法は何ですか?

特に、このインスタンスのカーソルをポインタのカーソルに変更しようとしています。

Answer 1

最も簡単な方法は、onmouseover/out Javascript 関数を追加することだと思います。

Answer 2

最も簡単な方法は、 hover.htc アプローチ。hover.htc ファイルをサイトに追加し、スタイルシートで参照します。

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

できるだけクリーンな状態を保ちたい場合は、IE の条件付きコメントを使用して、その行が IE6 を使用するユーザーにのみ表示されるようにすることができます。

Answer 3

ご要望について -- 特にこのインスタンスのカーソルをポインタのカーソルに変更しようとしています -- 最も簡単な方法は次のように指定することです cursor:pointer CSSで。IE 6でも動作することがわかると思います。

これを試して確認してください（どこで div 任意の要素を指定できます):

<div style="background:orange; cursor:pointer; height:100px; width:100px;">
    Hover
</div>

Answer 4

さらに多くの問題を一度に解決する別の方法は、次の方法です。 IE7.js.

Answer 5

アイテムの内容に応じて、非リンク アンカーを追加し、その表示をブロックするように設定する別の方法もあります。疑似ホバー動作をさせたいアイテム内またはアイテムの周囲にアンカーを配置します。

Answer 6

余談:

実際には、とにかく画像を交換する必要がありました

ぜひご覧ください 画像スプライト. 。場合によっては、1 つの画像を使用して画像を「シフト」するよりも、2 つの別々の画像を使用してそれらの間で「切り替え」または「交換」する方がはるかに優れている場合があります。私の経験では、ユーザーが操作するときに、1 つの画像に対して 1 つのリクエストがあり、複数の画像に対して複数のリクエストがあることが利点になる場合があり、非常に便利です。

Answer 7

実際にはすでに画像を交換する必要があったので、マウスオーバー/アウトが最も気に入りました。最初から JavaScript でこれを行うことを考えるべきでした。

素早い回答ありがとうございます。

@ジョセフ

リンクをありがとう。私はこのテクニックについてこれまで聞いたことがありませんでしたが、そのアイデアがとても気に入りました。

ぜひ試してみて、どうやってうまくいくか見てみたいと思います。

Answer 8

JQueryを使用したい場合は、私はこれを使用します あらゆるものにホバー クラスを設定する 技術。