The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Image workaround.
Hello everyone,
I want to achieve the result as shown in this pen.
http://codepen.io/prathoven/pen/kXZpvA but I’ve been trying to achieve this through css background image, assigning in only one div. http://codepen.io/prathoven/pen/rLJvGm is there any solution through css and javascript. I don’t want to explicitly put image in the html markup
Sure…here you go.
Multiple background images and a gradient. Simples.
All you have to do is set the height of the div.
http://codepen.io/Paulie-D/pen/yJvqOA
Thank you for your answer PaulIe but I want to acheive the solution of first pen. by assigning the background image to the second box as done in second pen and covering the 1st and 3rd box as solution one.
Well I think the basics are there…give it a shot.
I will try Paulie, thank you :D