2008-08-31 12 views
7

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

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

答えて

3

最も簡単な方法は、onmouseover/out JavaScript関数を追加することです。

+0

「特にカーソルを変更しようとしています」ではJavaScriptは必要ありません。このCSSルールを使用してください: カーソル:ポインタ; – Liam

+0

しかし、 "IE6の非アンカータグのためのホバー疑似クラスをシミュレート"するだけで、それは私が答える質問です。人々が "IE non-anchor hover"への答えを探しているときには、 "cursor:pointer"を使うのは役に立たないでしょう。 –

+0

このソリューションのjQuery実装は、http://blog.delivi.com/javascript/updated-hover-for-non-anchor-elements-in-ie6/ にあります。このスニペットは、他のJavaScriptフレームワークまたはプレーンJavaScript。 このスクリプトの大きな進歩は、htcが不要なことです。したがって、無効なCSSは解析されず、ie6によってのみ実行されます。したがって、他のブラウザではパフォーマンスの違いに気付かないでしょう。 –

12

最も簡単な方法は、hover.htcアプローチを使用することです。あなたは、その後、あなたのサイトにhover.htcファイルを追加するには、スタイルシートで参照:

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

あなたはできるだけ清潔なものを維持したい場合は、その行だけをユーザーにレンダリングされるように、あなたがIEの条件付きコメントを使用することができますIE6。

1

別のアプローチは、アイテムが何であるかに応じて、非リンクのアンカーを追加し、ブロックするようにその表示を設定することです。擬似ホバーの振る舞いをしたい項目の中に、または囲むようにアンカーを置く。

0

私はマウスオーバー/アウトが好きでした。なぜなら、実際にはイメージをスワップする必要があったからです。私は本当に最初にjavascriptでこれを行うことを考えていたはずです。

クイック回答ありがとうございます。

@Joseph

このリンクをありがとう。これまで私はこの技術について聞いたことがなかったし、アイディアが本当に好きだった。

私は間違いなくそれを試し、私はそれをどのように運賃を参照してください。別に

1

私は実際にすでにあなたがImage Spritesを見て確認してくださいとにかく

画像を交換する必要がありました。 1つのイメージを使用し、イメージを「シフト」して2つの別々のイメージを使用し、それらのイメージを「トグル」または「スワップ」することは、時にははるかに優れています。私の経験では、ユーザーがそれとやりとりするときに、1つの画像に対して1つの要求があり、複数の画像に対して複数の要求があるという利点があることがあります。あなたの要求について

6

から私は特にポインタのことに、このインスタンスでカーソルを変更しようとしています - 最も簡単な方法は、CSSでcursor:pointerを指定することです。私はあなたが(divは、任意の要素とすることができる場合)、これは検証してみ

IE 6で動作していることがわかりますと思う:

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

質問を読んだので私はあなたに投票しました。これは他のユーザーとは異なるアプローチのようです:) – Liam

+0

ああ、私はIE6、IE7、Firefox 3、Safari、Google Chromeでこれをテストしました。 – Liam

3

別の方法としては、IE7.jsを使用することです。