0

我试图在 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);
}

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

4

2 回答 2

4

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

  2. -moz-gradient不正确，应该是-moz-linear-gradient

于 2013-10-20T05:03:17.433 回答
2

您在 -moz 中缺少线性

background: -moz-linear-gradient(top, #C0C0C0, #F0F0F0);
于 2013-10-20T05:02:51.653 回答