IE7のjQueryホバーの問題

私は、上に置かれたときに、4つの絶対的に位置付けられたリンクで別のイメージを表示する必要があるというイメージを持っています。このコードはChrome、Firefox、Safari、IE7を除くすべてのバージョンのIEで動作します。 IE 7の助け？IE7のjQueryホバーの問題

ここJSフィドルです：事前にhttp://jsfiddle.net/derekbrown/2qVK2/21/

ありがとう！

出典

2012-02-15 Derek Brown

位置追加：-ボックスを.INFOに対して、私はホット購入-崩壊のidを持つ要素が表示されていないので、私はIE7で、そのイメージのためのスペースが表示されていることをテストするときまだ取られる？ –

申し訳ありません。ホットバイラルコラプスは、展開の左側にあるイメージで、展開すると崩壊します。また、＃hot-buy-rolloverは既にposition：relativeを持っています。 –

ここでの問題は、不透明度を0に設定しても、初期イメージがページ上にまだスペースを占めていることです。これは、イメージを不透明度0〜1に設定する行を編集することでわかります。ホバリングされると、両方の画像が並べて表示されます。

ホバー上のドキュメントフローから初期イメージを削除する必要があります。これは通常、displayプロパティをnoneに設定することで行われます。 jsfiddleを更新してこれを実際に表示しましたが、アニメーションは完全に滑らかです。病気編集私の答えは、私はその実装に

http://jsfiddle.net/2qVK2/19/

EDITを向上させることができます。これは、優れているの幅を設定し、アニメーションがよりスムーズです。

http://jsfiddle.net/2qVK2/20/

出典

2012-02-15 22:37:41

私はこのアニメーションがはるかに良いのが好きですが、それでもIE7では正常に動作していません。私はそれが崩壊するイメージで何かであると信じています。私はここで完全なコードを含めるためにJSFiddleを更新しました：[http://jsfiddle.net/derekbrown/2qVK2/21/](http://jsfiddle.net/derekbrown/2qVK2/21/） –

IE7でこれがなぜ機能しないのですか？ –

答えて

関連する問題