Question

我在#inner中尝试了-moz-linear-gradient，它在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))
);

http://jsfiddle.net/8e45ocb7/

Answer 1

请尝试以下操作：

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

一切正常

Answer 2

Mozilla渐变不使用color-stop，只使用一个第一个参数来定义渐变的方向性。

以下定义works for modern Mozilla browsers：

background: linear-gradient(
    to right,
    rgba(255,255,255,1),
    rgba(255,255,255,0.01),
    rgba(255,255,255,1)
);

这个应该适用于较旧的Mozilla浏览器（未经测试）：

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

顺便说一下，您应该使用background-image代替background以避免删除其他内容，-moz-前缀仅在您支持中等年龄（15岁以上）时才需要版本之前）Firefox版本。

为什么渐变在mozilla中不起作用？它工作正常是铬

2 个答案: