cross-browser - 为所有其他支持的浏览器转换 -moz-linear-gradient

Question

这是我的规则:

#element {
  background: -moz-linear-gradient(center top, #FFF 8px, #F2F2F2 24px, #F2F2F2 100%) repeat scroll 0 0 #F2F2F2;
}

我想采用该规则并将其应用于所有支持线性渐变的浏览器。 对于 Chrome、Safari 和...Internet Explorer，此规则的语法是什么样的？

我正在考虑制作一个 super 简单的 Web 应用程序，它将采用带有 Mozilla 规则的 CSS 文件，并踢出其他浏览器对规则的实现。

Answer 1

这里是要求的梯度...

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);