如何制作此线性梯度跨浏览器？

Question

background: -moz-linear-gradient(center bottom , #303030, #3A3A3A) repeat scroll 0 0 transparent; 

我试过background:-webkit-linear-gradient (center bottom , #303030, #3A3A3A) repeat scroll 0 0 transparent; 铬，但它没有奏效。同样的IE浏览器，我尝试ms-linear-gradient具有相同的值，它不工作。

Answer 1

没有可用于生成CSS的梯度这里一个极好的工具：

http://www.colorzilla.com/gradient-editor/

对于其他CSS3可以使用： http://www.css3generator.com/

Answer 2

要么使用this awesome gradient app或使用css3please.com。

Answer 3

要知道，linear-gradient语法最近发生了变化：

• 关键字起点（center，bottom）已经变成了终点，用 “到” 关键字（to center，to botom）前缀;
• 角度现在从圆顶部的0开始，顺时针旋转。

当您省略前缀时，MSIE10将支持新语法。