0

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 ?

Gopal Joshi
  • 2,350
  • 22
  • 49
Akankha Ahmed
  • 121
  • 9
  • use `background-size: cover;`, also, am closing your question as you didn't posted your code here.. – Mr. Alien Jan 31 '14 at 07:39
  • i use html{ background:url(../img/bak.jpg)no-repeat top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} – Akankha Ahmed Jan 31 '14 at 08:12

2 Answers2

2

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

Evgeny Samsonov
  • 2,730
  • 4
  • 19
  • 28
  • i use html{ background:url(../img/bak.jpg)no-repeat top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} – Akankha Ahmed Jan 31 '14 at 08:09
0

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

Gopal Joshi
  • 2,350
  • 22
  • 49