适用于IE9的CSS3 gradiant替代品

Question

我正在研究应用程序哪个平台针对现代浏览器，但特别需要在不支持CSS3渐变的IE9上运行。任何人都可以建议任何替代（SVG除外）将使我受益匪浅。

.GRAD_LINEAR(@start:#EEA611; @end:#E3EE11) {
  background: @start;
  background-image:-webkit-gradient(linear, left top, left bottom, from(@start), to(@end));
  background-image:-webkit-linear-gradient(top, @start, @end);
  background-image:-moz-linear-gradient(top, @start, @end);
  background-image:-o-linear-gradient(top, @start, @end);
  background-image:linear-gradient(to bottom, @start, @end);
  //Your suggestion...
}

Answer 1

有几种方法可以实现这一目标。

1. 试试ColorZilla Gradient Editor。由于Microsoft提供了自己的过滤器，例如 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ 对你没问题。
2. 使用像CSS3 PIE这样的HTC文件，它为旧版本的IE添加了必要的功能，以模拟现代的CSS3功能。它有自己的优点和缺点，但值得一试。
3. 下一个，最不推荐的方法是使用图像。但是，您将增加应用程序的HTTP请求数。此外，如果图像无法加载，您的元素可能看起来很难看。

Answer 2

您可以在IE9中使渐变工作检查这个 - Colorzilla