Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Image workaround.

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #243691
    prathoven
    Participant

    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

    #243692
    Paulie_D
    Member

    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

    #243698
    prathoven
    Participant

    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.

    #243700
    Paulie_D
    Member

    Well I think the basics are there…give it a shot.

    #243706
    prathoven
    Participant

    I will try Paulie, thank you :D

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.