CSS渐变停止和重复

我的样式表中有一个CSS渐变。我遇到的问题是，颜色从#FFFFFF到#EBEBEB，但是当页面上有很多内容，并且必须向下滚动渐变本身时，应该停留在页面的更下方#EBEBEB。CSS渐变停止和重复

下面是代码：

body { 
    /* Safari 4-5, Chrome 1-9 */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EBEBEB)); 

    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #FFFFFF, #EBEBEB); 

    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #FFFFFF, #EBEBEB); 

    /* IE 10 */ 
    background: -ms-linear-gradient(top, #FFFFFF, #EBEBEB); 

    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #FFFFFF, #EBEBEB); 
}

任何人能帮助我。

谢谢。

来源

2012-03-10 jameswildi

在其浏览器是你看到这个？我无法在FF10中重现。 px中的最小页面高度是多少以重新创建？ – 2012-03-10 12:28:00

也许这可以帮助：no-repeat

html { 
    background-color: #EBEBEB; 
}  
body { 
    /* fallback */ 
    background-color: #EBEBEB; 

    /* Safari 4-5, Chrome 1-9 */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EBEBEB)) no-repeat; 

    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #FFFFFF, #EBEBEB) no-repeat; 

    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #FFFFFF, #EBEBEB) no-repeat; 

    /* IE 10 */ 
    background: -ms-linear-gradient(top, #FFFFFF, #EBEBEB) no-repeat; 

    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #FFFFFF, #EBEBEB) no-repeat; 
}

来源

2012-03-10 12:26:02 HerrSerker

我已经尝试过不重复但没有任何内容，并且添加html背景颜色会在我的网站上更改不同的方面。 – jameswildi 2012-03-10 12:31:01

我在这里做了一个例子：http://jsfiddle.net/fB9Wk/不在我的电脑上重复。也许你有额外的CSS，这使得混乱。你有网址吗？ – HerrSerker 2012-03-10 12:32:04

好的谢谢。我没有在本地主机上运行的URL。我有一个玩弄的东西。 – jameswildi 2012-03-10 12:39:02

CSS渐变停止和重复

回答

相关问题