Question

I’m not sure if this will require Jquery, but what I’m trying to achieve is to list a set of images (let’s use one image for example) that will hide when hovered over and will show a div with a background image and text.

How would one go about achieving this effect?

I have this so far but the image keeps flickering: http://jsfiddle.net/FvBqA/126/

Answer 1

You could use absolute positioning and z-indexes. See this example

Alternatively, use the opacity rule. See this example

In your case, I would suggest using the opacity rule. You can see an updated and working version here

For an entirely cross browser solution see this example