javascript - 別の要素の下にある要素の上にマウスオーバーを登録します

Question

別の要素の下にある要素にマウスオーバーイベントを登録する方法を見つけようとしています。マウスを合わせると、新しいdivが表示され、ホバーされたdivの上に配置される行があります。

ページは次のとおりです：http ：//www.brunobryan.com/dev/stephanebourgeois/index/

行にマウスを合わせると、右側に画像が表示されます。マウスを画像の上に置いた場合でも、その行にマウスオーバーイベントを登録したいと思います。

Answer 1

これは実際には不可能です。回避策にはいくつかのオプションがあります。

a）行と画像の両方を含むコンテナにホバーイベントを登録します。

また

b）同じホバーイベントを画像にもバインドします。

Answer 2

次のコマンドを使用して、カーソルが画像を通過できるようにすることができますpointer-events。

#index-hover {
    pointer-events: none
}

これはすべてのブラウザでサポートされているわけではないことに注意してください。SVGを使用する場合のサポートが向上します。

Answer 3

ここでの答えは、タグをタグの内側に配置してから、絶対<img>に配置する必要があるということだと思います。<tr>行の位置をコンテキストとして使用できるように、行を比較的配置することをお勧めします。