How to get a Full Screen Background Image ?

Question

When i set any Hd photo in the Background , it shows only Top Left corner of the photo and not the Whole Picture :/ Any Suggestions ?

Answer 1

You can set background-size property with two special values ( in addition to absolute and relative common units ) as 'cover' and 'contain'. They allow to define a "responsive" size. First is cropped if necessary to fill all the available space, the second to avoid crop with mawimized size...

I don't think vendor's prefix are necessary, and you probably could set only 'background-size:cover;' as css rule ;)

Answer 2

You can use below css code to set the background with full size

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;
}

Answer 3

Thanks both :) will try ^_^