将-moz-radial-gradient转换为所有其他支持的浏览器

-3

.gradient { 
background: -moz-radial-gradient(right bottom , circle farthest-corner, #CDCFD1 20%,  #696C71 70%) repeat scroll 0 0 transparent;

我想采用该规则并将其应用于支持线性渐变的所有浏览器。有人能告诉我为了在支持它的所有其他浏览器（如Chrome，Internet Explorer，Safari等）中支持上述径向渐变，代码的样子。将-moz-radial-gradient转换为所有其他支持的浏览器

在此先感谢。

来源

2012-08-06 Nikki Mather

我低估了这一点，因为这可以很容易地通过只是谷歌搜索解决。 http://www.colorzilla.com/gradient-editor/ – 2012-08-06 16:50:32

嗯，我不明白为什么，因为我的具体问题，110％不能通过使用谷歌回答，至少不使用我输入的措辞。我想将EXISTING渐变转换为所有其他支持的浏览器，您给我的链接无法解决我的问题。你连同其他3票一起投票完全没有根据。 – 2012-08-06 19:54:24

你不能在code..you单行所有的浏览器兼容的梯度已添加更多兼容线不同browsers..try这个..

background: rgb(105,108,113); /* Old browsers */ 
background: -moz-linear-gradient(left, rgba(105,108,113,1) 30%, rgba(205,207,209,1) 81%, rgba(205,207,209,1) 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right top, color-stop(30%,rgba(105,108,113,1)), color-stop(81%,rgba(205,207,209,1)), color-stop(100%,rgba(205,207,209,1))); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(left, rgba(105,108,113,1) 30%,rgba(205,207,209,1) 81%,rgba(205,207,209,1) 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(left, rgba(105,108,113,1) 30%,rgba(205,207,209,1) 81%,rgba(205,207,209,1) 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(left, rgba(105,108,113,1) 30%,rgba(205,207,209,1) 81%,rgba(205,207,209,1) 100%); /* IE10+ */ 
background: linear-gradient(to right, rgba(105,108,113,1) 30%,rgba(205,207,209,1) 81%,rgba(205,207,209,1) 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#696c71', endColorstr='#cdcfd1',GradientType=1); /* IE6-9 */

来源

2012-08-06 16:48:21 kakarott

谢谢，但这没有帮助。我想将现有的渐变转换成在所有浏览器中兼容，这个链接只是让我做一个新的渐变，我不想这样做。 – 2012-08-06 19:55:59