CSS3分级可用于IE9的替代方案

Question

我正在开发面向现代浏览器的应用程序平台，但在不支持CSS3梯度的CSS3上运行它是非常必要的。有谁能给我提点建议(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梯度编辑器。因为微软提供了它自己的过滤器， filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ 你会没事的。
2. 使用HTC文件，类似于CSS3派，它为早期版本的IE添加了必要的功能，以模仿现代CSS3功能。它有自己的优点和缺点，但值得一试。
3. 接下来，最不推荐的方法是使用图像。但是，您将增加应用程序发出的HTTP请求的数量。另外，如果图像无法加载，元素可能看起来很难看。

Answer 2

您可以在IE9中使渐变工作，检查这一点-- 彩紫