CSS：在Chrome中，-moz-linear-gradient的等效属性是什么？

Question

我有以下的css代码：background: -moz-linear-gradient(center top , #59a1d8, #27247D) repeat scroll 0 0 #0f78c7;用于我的按钮，它在Mozilla浏览器中表现良好。但在Chrome浏览器中无法正常工作，请问有相应的等效代码吗？

谢谢， nehatha

- Venkat Papana

Answer 1

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#4096ee)); 
// Chrome, Safari4+

background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */

优秀的资源，可使渐变效果在大多数浏览器上正常显示。请访问：http://www.colorzilla.com/gradient-editor/。

- methodin

---

根据您提供的网站，这在Chrome10+中不起作用。 - brenjt

谢谢！我错过了评论中的那一部分。已添加Chrome10+的等效内容。 - methodin

Answer 2

-webkit-linear-gradient(center top , #59a1d8, #27247D) repeat scroll 0 0 #0f78c7;

- comu

---

是的，我只是跳过了给定的内容。 - comu

Answer 3

我相信这是 -webkit-linear-gradient

- Clive