我的样式表中有一个CSS渐变。我遇到的问题是颜色从#FFFFFF
变为#EBEBEB
,但是当页面上有很多内容而你必须向下滚动时,重复自身的重复,页面的下方它应该保持#EBEBEB
。
以下是代码:
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);
}
任何人都可以帮助我。
感谢。
答案 0 :(得分:3)
也许这会有所帮助: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;
}