带有CSS的IE7中的背景渐变

Question

我正在使用以下CSS来创建线性背景渐变。 在IE8 / 9，FF，Safari和chrome中似乎可以正常工作，但在IE7中却不能。 IE7显示稳定的（绿色）背景。 这是我的代码

.menu_body a {
  display:block;
  color:#006699;
  background: #008800;
  /* Mozilla: */
  background: -moz-linear-gradient(top, #0b71a4, #025f8e);
  /* Chrome, Safari:*/
  background: -webkit-gradient(linear,
            left top, left bottom, from(#0b71a4), to(#025f8e));
  /* MSIE */
  filter: progid:DXImageTransform.Microsoft.Gradient(
            StartColorStr='#0b71a4', EndColorStr='#025f8e', GradientType=0);
  padding: 1px 18px;
}   

Answer 1

在IE <= 7中，除非element具有layout，否则过滤器将不起作用。

zoom: 1;

请注意，它可能会破坏其他东西，因此旧的良好background-image可能是安全可靠的解决方案。

还请注意，您的CSS缺少Opera，IE10的渐变属性和Webkit的更新语法。

Answer 2

正确的语法是：

filter: progid:DXImageTransform.Microsoft.gradient
(startColorstr=#550000FF, endColorstr=#55FFFF00)

IE4支持此功能>

在此处查看MSDN源代码。

Answer 3

我不确定此转换的参数是否区分大小写-但与其他大多数CSS一样，您可以尝试：

startColorstr='#0b71a4', endColorstr='#025f8e'

请注意小写的起始字符和小写的str后缀。