I’m trying to create the next:
-A grid of thumbnails where every thumbnail contains an image and a text over it.
-Every thumbnail links to another page. (No problem)
-The text and image transparency vary when hover. (No problem)
I know how to create the different effects but I’m stuck at putting the text over the image.
It should work like in this case: http://www.fosterandpartners.com/projects/
So far I have a section with a row of columns. Every column contains a link block and inside an image with specific dimensions. However the different kinds of text (heading, paragraph, text block) cannot overlap the image. Of course I tried to make the text relative or absolute to the image and push it inside but it’s not enough since I need the text area to have the same dimensions as the image so they both change the style when hovering.