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

https://stackoverflow.com/questions/21474781

05-10-2022
|

Domanda

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.

Closed 8 years ago.

Improve this 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 ?

Soluzione 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

Altri suggerimenti

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

Autorizzato sotto: CC-BY-SA insieme a attribuzione

Non affiliato a StackOverflow