他の要素がホバリングされたときにホバリングを維持する

Question

ホバリングで画像をフェードインまたはフェードアウトするためにjqueryを使用しています。

マウスが要素の上を移動して画像が別の画像にフェードし、ツールチップが画像の真上に現れると、マウスが画像をツールチップに残して画像が再びフェードアウトする場合があります。ツールチップがイメージに関連しているので、カーソルがイメージまたはツールチップを離れるまで、ツールチップがフェードアウトしないようにします。

コードはちょっと畳んで表示されているので、私はこの状況の真似をしました。

基本的には、マウスがイメージまたは関連するツールチップを離れるまで、元のイメージにフェードバックしないようにします。

ありがとうございました！

Example here

Answer 1

あなたはこのために、純粋なCSSを使用することはできません。ホバーイベントを登録するには、JavaScript onmouseoverイベントを使用する必要があり、ホバー効果を維持する必要があるかどうかに基づいて、登録を解除するか、単に無視するか、onmouseoutを使用する必要があります。