Css div背景中的渐变样式在IE中不起作用

我正在尝试为一个徽标制作一个漂亮的框架，该徽标将插入到我正在制作的网页中。由于某些原因，IE不会显示该div，颜色会逐渐褪色。我想要的只是一个带有预定义维度的空div中的简单渐变。Google chrome正在显示我想要的内容，但IE没有显示任何内容。因为我在没有理解单词的情况下复制了渐变部分，所以我无法调试它

以下是代码（在非常精简的版本中）：

#头绿{
浮动：左；
利润率：52px 0px 0px 0px；
宽度：300px；
高度：30px；
背景图像：线性梯度（右侧，rgb（255255255）50%，rgb（68179,68）62%）；
背景图像：-o-线性梯度（右侧，rgb（255255255）50%，rgb（68179,68）62%）；
背景图像：-莫兹线性梯度（右侧，rgb（255255255）50%，rgb（68179,68）62%）；
背景图像：-webkit线性渐变（右侧，rgb（255255255）50%，rgb（68179,68）62%）；
背景图像：-ms线性梯度（右侧，rgb（255255255）50%，rgb（68179,68）62%）；
背景图像：-webkit渐变(
线性的
右上角，
左上角，
彩色光圈（0.04，rgb（255255）），
彩色光圈（0.82，rgb（68179,68））
);
}
#标题{
宽度：800px；
高度：100px；
}

我正在使用IE9，但我希望它也能在其他系统中使用。 谢谢：）

我建议使用生成渐变

---

它利用IE的本机过滤器，并确保与IE6的兼容性。我一直在使用它。

-ms-linear

渐变仅在IE 10中可用

使用以下命令：

filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0)";

• 过滤器

  在IE7中受支持-

• -ms过滤器

  建议在IE8-9中使用。重要提示：必须引用属性值

---

有关渐变过滤器语法的详细说明，请参阅。

我认为IE9还没有支持这一点。我发现的是：

请参考CSS3，IE10将予以支持

我认为旧版本将按原样运行：

/*IE7-*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0);
/*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0)";

  background-color: transparent;
  background-color: rgba(180, 180, 144, 0.6); 
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99B4B490,endColorstr=#99B4B490);
            zoom: 1;

---

以下过滤器wlil只能由IE读取：

 #headGreen{
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#44B244');
 }

---

Internet Explorer中的渐变一直追溯到版本6，这会让你失望吗

别担心！看看CSS3Pie

谢谢，希望这有帮助！

---

Aaron

重复的？换句话说，你不能。需要使用MSIE过滤器。此网站是！我已经得到了另一个有效的答案，但它还有一些我需要的东西。。。谢谢！：）我很高兴能帮上忙。享受CSS3Pie Martin！：-我一直在用它。

 #headGreen{
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#44B244');
 }