我试图在 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);
}
我不确定我的问题是什么。我尝试了不同的方法来更改顶部、底部、放置 %,但仍然无法正常工作。 我将非常感谢任何帮助..
最佳答案
渐变不需要
background-repeat
属性,因为渐变会填充它所应用的任何元素的整个 y 轴和 x 轴(除非您的背景是图案,在在这种情况下,您可能想要更改代码的其他部分,) 和-moz-gradient
不正确,应该是-moz-linear-gradient
关于CSS3 Firefox 无法识别我的线性渐变颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19474092/