CSS HTML градиент фона

Question

я нашел этот CSS для создания градиента фона

html {
    background: #999; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */
}

однако он создает только небольшую полосу, и я хочу, чтобы она шла сверху вниз по всей странице, мог бы кто-нибудь сказать мне, как изменить ее, чтобы она работала так, как я хочу, или даже если это возможно

ооо, да, и это повторяется по некоторым причинам

Answer 1

Ваша страница слишком короткая. Либо добавьте min-height: 100%;, либо добавьте немного больше своей страницы.

Answer 2

Просто добавьте высоту HTML:

html {
    height: 100%;
    background: #999; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */
}