Question

I’m trying to find a way to register a mouseover event on an element that is beneath another element. I have rows which, when moused over, make a new div appear and positions it on top of the hovered div.

Here’s the page: http://www.brunobryan.com/dev/stephanebourgeois/index/

When you mouseover a row, an image appears on the right. I would like to register the mouseover event on the row even when the mouse hovers above the image.

Answer 1

You can permit the cursor to pass-through the image using pointer-events:

#index-hover {
    pointer-events: none
}

Note, this isn’t supported in all browsers. Better support if you use SVG.