背景渐变不会随内容扩展

时间:2013-04-25 20:58:38

标签: css background gradient

我的网站有渐变背景,基本上将它分为两​​种颜色:

这是CSS:

html {
    height: 100%;
}
body {
    background: -webkit-linear-gradient(top, #f57171 0px, #f57171 600px, #FFFFFF 600px, #FFFFFF 100%);
}

这很好用,但如果我的网站内容增加而且我必须向下滚动,背景的白色将不会一直到网站的末尾。它应该从600px到100%,但它只是停止。

有什么想法吗?

感谢。

1 个答案:

答案 0 :(得分:0)

您将html设置为100%高度,这只是屏幕高度。尝试将htmlbody设置为min-height:100%;

jsFiddle example

此外,600px是一个任意点,我会做50%或其他什么。