How to set the background image full-width [closed]

StackOverflow https://stackoverflow.com/questions/21474781

  •  05-10-2022
  •  | 
  •  

Question

i want to set the background with full like this image (must responsive)

enter image description here

but when i applied it look like this and crop the below part.

https://dl.dropboxusercontent.com/u/180176008/test1/index.html

Please somebody help me ?

Was it helpful?

Solution 2

Try below example.

HTML

<body class='imgclass'>
    <b>Test page</b>
</body>

CSS

.imgclass{
    background-size:cover;
    background-image:url("https://dl.dropboxusercontent.com/u/180176008/test1/Home-Page.jpg") ;

}

I hope it can help you Fiddle

OTHER TIPS

Try like this:

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

And read this arcticle

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top