0

ここにあるチュートリアルに従い、独自のフレアを追加しました: チュートリアル

私が達成しようとしていたのは、リストアイテムの左側と右側に特定の画像を配置することでした。<li id="blob"></li>そのため、チュートリアルで作成したジェネリックだけでなく、必要な<li id="blob"><div class="blob-wrap"><div class="leftimage"></div><div class="rightimage"></div></li>特定の効果を実現するために実行しました。それは美しく機能します...ただし、リスト項目の1つにマウスを合わせたままにすると、画像が「currentPageItem」を跳ね返そうとします。

これがJSビンの例です:http://jsbin.com/odome

それを修正するには何をする必要がありますか?jQueryは「hoverOut」関数(または呼び出したいもの)を起動しています。しかし、なぜ?

4

1 に答える 1

1

確かに、z-indexが問題でした。ただし、z-indexがfloat要素に適用されないことに気づきませんでした。リンクに適用position: relativeしてa、blobよりも高いz-indexを指定する必要がありました。

于 2010-04-11T19:49:35.377 に答える