CSS3 Firefox无法识别我的线性渐变色

Question

我试图在css中使用此代码来显示线性渐变背景但我不确定为什么firefox没有显示它..

body
{
height: 100%;
/*background-color: #F0F0F0;*/
background-repeat: repeat-x;

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

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

/* Firefox 3.6+ */
background: -moz-gradient(top, #C0C0C0, #F0F0F0);

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

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

我不确定我的问题是什么..我尝试了不同的方法来改变顶部，底部，放置％但仍然无法正常工作.. 我真的很感激任何帮助..

Answer 1

1. 不需要渐变上的background-repeat属性，因为渐变填充了应用于其中的任何元素的整个y轴和x轴（除非您的背景是图案，在这种情况下您可能需要更改代码的其他部分，）和

2. -moz-gradient不正确，应为-moz-linear-gradient

Answer 2

你在-moz中缺少线性

background: -moz-linear-gradient(top, #C0C0C0, #F0F0F0);