IE6で非アンカータグのホバー疑似クラスをシミュレートする最も簡単でエレガントな方法は何ですか?
このインスタンスのカーソルをポインターのカーソルに変更しようとしています。
IE6で非アンカータグのホバー疑似クラスをシミュレートする最も簡単でエレガントな方法は何ですか?
このインスタンスのカーソルをポインターのカーソルに変更しようとしています。
最も簡単な方法は、 hover.htcアプローチを使用することだと思います。hover.htc ファイルをサイトに追加し、スタイルシートで参照します。
body { behavior:url("csshover.htc"); }
物事をできるだけきれいに保ちたい場合は、IE 条件付きコメントを使用して、その行が IE6 のユーザーのみにレンダリングされるようにすることができます。
あなたのリクエストに関して-私は特にこのインスタンスのカーソルをポインタのカーソルに変更しようとしています-最も簡単な方法はcursor:pointer
あなたのcssで指定することです。IE6で動作することがわかると思います。
これを試して確認してください(div
どの要素でもかまいません):
<div style="background:orange; cursor:pointer; height:100px; width:100px;">
Hover
</div>
最も簡単な方法は、onmouseover/out Javascript 関数を追加することです。
より多くの問題を一度に修正する別の方法は、IE7.jsを使用することです。
アイテムが何であるかに応じて、別のアプローチは、非リンク アンカーを追加し、その表示をブロックに設定することです。疑似ホバー動作が必要なアイテムの内部または周囲にアンカーを配置します。
余談:
とにかく画像を交換する必要がありました
Image Spritesを確認してください。場合によっては、1 つの画像を使用してその画像を「シフト」する方が、2 つの別々の画像を使用してそれらの間で「トグル」または「スワップ」する方がはるかに優れていることがあります。私の経験では、ユーザーが対話するときに、1 つの画像に対して 1 つの要求があり、次に複数の画像に対して複数の要求があるという利点がある場合は、非常に優れています。
JQuery を使用する場合は、Set Hover Class for Anything手法を使用します。
とにかく画像を交換する必要があったので、マウスオーバー/アウトが一番好きでした。そもそもJavaScriptでこれを行うことを本当に考えるべきでした。
素早い回答ありがとうございます。
@ジョセフ
そのリンクをありがとう。私はこれまでこのテクニックについて聞いたことがなく、そのアイデアが本当に気に入りました。
私は間違いなくそれを試して、私がそれをどのように扱うかを見ていきます.