html - "background-size: cover" not working correctly. -


this question has answer here:

i've done million times it's been while , cannot work reason.

my html file consists of nothing empty body tag. here's css:

body{     height: 100%;      width: 100%;      -webkit-font-smoothing: antialiased;     background-image: image-url("background.jpg");     background-size: cover;      background-repeat: no-repeat;  } 

the width stretches/shrinks fit window perfectly, height refuses to. here's happens when shrink browser window:

background

what doing wrong?

use

html, body {     height: 100%; } 

the body not cover rest of page.


Comments

Popular posts from this blog

shopping cart - Page redirect not working PHP -

php - How to modify a menu to show sub-menus -

python - Installing PyDev in eclipse is failed -