Trigger div using CSS hover

[AnandV]

Hi, I am trying to figure out how to get a div overflow to trigger when you hover over an image right below it. I have set up the z-index so that the overflow div is above the image. Here is my code so far: http://cdpn.io/eyjrt.

I am trying to replicate the functionality on Marketo’s site: http://www.marketo.com/resources/. If you hover over one of the featured resources that rest of the title div expands to cover the whole picture.

Thanks in advanced for your help!

[Paulie_D]

That’s actually done using an image and a positioned div etc. that is animated via javascript.

Here’s a quick example using no JS.

http://codepen.io/Paulie-D/pen/ludgC

[Kuzyo]

here is example with jQuery, hard coded, but works http://codepen.io/Kuzyo/pen/vExKp

[AnandV]

ok awesome thanks guys!

[Author]

Posts