爲什麼漸變在mozilla中不起作用？它工作正常是鉻

我嘗試了-inner中的-moz-linear-gradient，它在Mozilla中不起作用。爲什麼漸變在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/

來源

2014-09-02 babiro

您還需要爲此設置標準方式：linear-gradient（）... – 2014-09-02 04:55:04

我會查看http://www.colorzilla.com/gradient-editor/ – Jason 2014-09-02 04:55:06

也許是重複的：http：// stackoverflow .com/questions/25587799 /不能看到漸變使用prefixfree-js – 2014-09-02 05:31:17

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避免擦除此之外，只有當您支持適度舊的（15+版本以前的）Firefox版本時，才需要-moz-前綴。

來源

2014-09-02 05:05:48 rockerest

嘗試以下操作：

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

它工作正常

來源

2014-09-02 04:57:24

缺少鏈接到mozilla網站的一些解釋:)（http://stackoverflow.com/questions/25587799/cant-see -gradient-when-using-prefixfree-js） – 2014-09-02 05:32:47

爲什麼漸變在mozilla中不起作用？它工作正常是鉻

回答

相關問題