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