css：铬的-moz-linear-gradient的等价是多少？ [英] css: What is the equavalent of -moz-linear-gradient for chrome

问题描述

我有css喜欢背景：-moz-linear-gradient（中心顶部，＃59a1d8，＃27247D）重复滚动0 0＃0f78c7; 我的按钮是在mozilla中对我来说很好。
但是在chrome浏览器中它不起作用，相当于此。

I have css like background: -moz-linear-gradient(center top , #59a1d8, #27247D) repeat scroll 0 0 #0f78c7; for my buttons which is fine for me in mozilla. But in chrome browser it is not working, what is the equivalent of this.

谢谢，
nehatha

Thanks, nehatha

推荐答案

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/

使梯度工作的好资源大多数浏览器。

Nice resource that makes gradients work in most browsers.

这篇关于css：铬的-moz-linear-gradient的等价是多少？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！