-webkit-gradient在mozilla中不起作用

Question

以下css代码在mozilla中不起作用，因为它在chrome中完美运行。

CSS：

background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f1e6), color-stop(41%, #F3F2EA), color-stop(59%, #F7F6F5), color-stop(100%, #ffffff));

提前致谢。

Answer 1

-webkit供应商前缀适用于基于webkit的浏览器，如Safari和Chrome，而非Mozilla Firefox。

Mozilla使用-moz供应商前缀。

使用-moz-linear-gradient

Answer 2

-webkit-适用于chromekit，safari等webkit浏览器。

对于mozilla，您需要使用-moz- 这些链接将有所帮助

http://www.w3schools.com/css/css3_gradients.asp

https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient

Answer 3

-webkit

是供应商前缀，用于尚未最终确定的功能，并且可能在所有浏览器的界面中不一致。 Chrome是webkit浏览器，Safari也是如此。

-moz

Firefox和任何其他基于Gecko的浏览器使用的供应商前缀。您需要同时使用-moz-gradient和-webkit-gradient才能在两种浏览器中都能使用它们。也可能有其他人，指定渐变的参数可能需要采用不同的格式。