Почему не работает background-image для body?

Question

[duck_nukem]

Не понимаю почему не работает.
Делаю боди фиксированным - и вообще фон не работает:

body 
{ 
position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
width: 100%;
height: 100%;
background-image: linear-gradient(to top, green 0%, red 100%);
}

убираю фиксированное расположение - но градиент повторяется

body 
{ 
width: 100%;
height: 100%;
background-image: linear-gradient(to top, green 0%, red 100%);
}

добвляю еще правила - но градиент не растягивается:

body 
{ 
width: 100%;
height: 100%;
background-image: linear-gradient(to top, green 0%, red 100%);

background-repeat: no-repeat;
background-size:cover;
}

Answer 1

[Ivan Bogachev]

html {
    height: 100%;
}

Comments

[Сергей Горячев]

Лучше min-height

[duck_nukem]

Сергей Горячев, почему?

[duck_nukem]

тоесть в принципе всегда надо так оформлять тег html?

Answer 2

[Stimulate]

https://jsfiddle.net/hc2v1mra/ либо https://jsfiddle.net/hc2v1mra/1/