gradiente - gradient generator css online

gradientes de fondo en IE7 con CSS

Question

Estoy usando el siguiente bit de CSS para crear un degradado de fondo lineal. Parece funcionar bien en IE8 / 9, FF, Safari y Chrome, pero no en IE7. IE7 muestra un fondo sólido (verde). Aquí está mi código

.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

En IE <= 7, los filtros no funcionarán a menos que el elemento tenga diseño .

zoom: 1;

Tenga en cuenta que puede romper otras cosas, por lo que una buena background-image podría ser una solución segura y confiable.

También tenga en cuenta que su CSS carece de propiedades de degradado para Opera, IE10 y sintaxis actualizada para Webkit.

Answer 2

La sintaxis correcta es:

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

Esto es compatible con IE4>

Vea la fuente de MSDN aquí .

Answer 3

No estoy seguro de si los parámetros de esta transformación son sensibles a las mayúsculas y minúsculas, pero como muchos otros CSS lo son, podrías intentar:

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

Observe el carácter inicial minúscula y el sufijo str minúscula.