CSS3 Firefox无法识别我的线条渐变颜色
我试图在css中使用这段代码来显示线性渐变背景,但我不确定firefox为什么不显示它CSS3 Firefox无法识别我的线条渐变颜色,css,firefox,Css,Firefox,我试图在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.
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);
}
我不知道我有什么问题。。我尝试了不同的方法来改变顶部、底部和放置%,但仍然不起作用。。
我将非常感谢您的帮助。您缺少线性in-moz
background: -moz-linear-gradient(top, #C0C0C0, #F0F0F0);
您缺少线性in-moz
background: -moz-linear-gradient(top, #C0C0C0, #F0F0F0);
background repeat
属性,因为渐变将填充其应用到的任何元素的整个y轴和x轴(除非您的背景是图案,在这种情况下,您可能需要更改代码的其他部分),并且-moz渐变
不正确,应该是-moz线性渐变
background repeat
属性,因为渐变将填充其应用到的任何元素的整个y轴和x轴(除非您的背景是图案,在这种情况下,您可能需要更改代码的其他部分),并且-moz渐变
不正确,应该是-moz线性渐变
没有不固定的梯度总是一个危险信号。@BoltClock我真的不能等到那一天…我以为它是线性梯度,不是
-moz gradient
。没有不固定的渐变总是一个危险信号。@BoltClock我真的不能等到不是这样的那一天…我以为是线性渐变
,不是-moz gradient
。如果背景是一种模式,你可能真的想重复它。你最想添加的是背景附件:固定;不过。(你会看到)非常感谢,伙计。。我错过了那个。。这就是为什么看别人的代码是好的。。缺少措辞和类似的东西有时对其他人来说更容易。@JV17是的,这在我身上也发生过几次。;)事实上,它也应该是“线性渐变”,没有任何供应商前缀,因为否则这段代码将在标准兼容的浏览器中被破坏,而这些浏览器没有为渐变实现任何供应商前缀。如果背景是一种模式,您可能真的想重复它。你最想添加的是背景附件:固定;不过。(你会看到)非常感谢,伙计。。我错过了那个。。这就是为什么看别人的代码是好的。。缺少措辞和类似的东西有时对其他人来说更容易。@JV17是的,这在我身上也发生过几次。;)实际上,它也应该是“线性渐变”,完全没有供应商前缀,因为否则,该代码将在不实现任何供应商前缀的符合标准的浏览器中被破坏。