Html 为什么gradient在mozilla中不起作用?它的工作原理很好,是铬的

Html 为什么gradient在mozilla中不起作用?它的工作原理很好,是铬的,html,css,mozilla,Html,Css,Mozilla,我在#inner中尝试了-moz线性渐变,但它在Mozilla中不起作用 background: -moz-linear-gradient( left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0.01)), color-stop(100%,rgba(255,255,255,1)) ); 尝试以下操作: b

我在#inner中尝试了-moz线性渐变,但它在Mozilla中不起作用

background: -moz-linear-gradient( 
    left top, 
    right top, 
    color-stop(0%,rgba(255,255,255,1)),        
    color-stop(50%,rgba(255,255,255,0.01)), 
    color-stop(100%,rgba(255,255,255,1))
);

尝试以下操作:

background-color: #49afcd;
background-image: linear-gradient(to left top, #5bc0de, #2f96b4);
background-repeat: repeat-x;

它工作正常

Mozilla渐变不使用
颜色停止
,只使用单个第一个参数来定义渐变的方向性

以下定义:

对于较旧的Mozilla浏览器,这个应该可以使用(未经测试):

background: -moz-linear-gradient(
    left,
    rgba(255,255,255,1),
    rgba(255,255,255,0.01),
    rgba(255,255,255,1)
);

顺便说一下,您应该使用
背景图像
而不是
背景
,以避免删除其他内容,并且只有在您支持较旧(15+版本之前)的Firefox版本时,才需要使用
-moz-
前缀。

您还需要为此设置标准方式:linear-gradient()…我可能会查看一个副本:缺少指向mozilla网站的链接以获得一些解释:)(副本)
background: -moz-linear-gradient(
    left,
    rgba(255,255,255,1),
    rgba(255,255,255,0.01),
    rgba(255,255,255,1)
);