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+ */
}