Forums

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

Home Forums CSS Full page background image

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #176655
    vimalraj86
    Participant

    Hi,

    I have a website with full page background image and it should be repsonsive for all devices.

    I have used below css…

    html{
    background:url(../images/background-img.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:100%;
    }
    body{
    height:100%;
    }

    when its is viewed in smaller tab versions, left and right portions of the image is hidden and only centrre part is visible…(e.g)imagine that a bg image has a photo with 4 people. when it is seen in tab devices,only 2 people in the center is visible, rest in left and right are hidden..)

    is there any solutions to see entire image proportionate to browser and devices.

    regards,
    Vimal Raj.P
    Web Designer

    #176659
    Paulie_D
    Member
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.