dégradés d'arrière-plan dans IE7 avec CSS

Je suis en utilisant le bit suivant de CSS pour créer un linéaire dégradé d'arrière-plan. Il semble très bien fonctionner dans IE8/9, FF, Safari et chrome, mais pas dans IE7. IE7 affiche un solide (vert) arrière-plan. Voici mon code

.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;
}

OriginalL'auteur Kiwi1 | 2011-08-31

  1. 18

    Dans IE<=7, les filtres ne fonctionnent pas si l'élément a disposition.

    zoom: 1;

    Être conscient qu'il peut casser d'autres choses, alors bon vieux background-image pourrait être la solution sûre et fiable.

    Aussi, veuillez noter que votre CSS manque de gradient de propriétés pour l'Opéra, IE10 et mise à jour de la syntaxe pour Webkit.

    Merci de cette très bien fonctionné! (ne pouvait pas donner un vote bien parce que je suis un nouveau membre, désolé pour ça) EDIT: pour la mise à jour de la syntaxe pour Webkit je peux utiliser -webkit-linear-gradient() à droite?
    Correcte; la syntaxe est la même que pour Firefox et IE10, sauf pour les différents fournisseurs de préfixe. Par le chemin, vous devriez être en mesure d'accepter ma réponse en cliquant sur la case à cocher à la gauche de celui-ci.
    IE10 ? est-ce quelque chose de nouveau? 🙂
    Il y avait déjà 5 publié des versions de développement de IE10. Je suis un peu surpris que vous n'avez pas entendu parler.
    zoom: 1, la solution à 99% de IE7 problèmes

    OriginalL'auteur duri

  2. 2

    La syntaxe correcte est: 

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

    C'est pris en charge par IE4>

    Consultez le site web MSDN source ici.

    OriginalL'auteur Kyle

  3. 0

    Je ne suis pas sûr si les paramètres de cette transformation sont sensibles à la casse - mais, voyant que la plupart des autres CSS est, vous pourriez essayer:

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

    Avis le bas-de-casse du caractère de départ, et les bas-de-casse str suffixe.

    J'ai essayé votre solution mais malheureusement il ne fonctionne pas. Également essayé de donner toutes les instances du bas du corps mais qui n'a pas l'air de fonctionner.
    Essayez avec progid:DXImageTransform.Microsoft.gradient, trop - note de bas-de-casse gradient.
    Je vous remercie pour la rapidité de votre réponse encore une fois, mais malheureusement, cela aussi n'a pas de travail. Je suis vraiment confus parce que, selon le document suivant cette transformation devrait fonctionner pour Internet Explorer 5.5 ou une version ultérieure. Voir: msdn.microsoft.com/en-us/library/ms532997%28v=vs.85%29.aspx
    Désolé je ne pouvais pas l'aider, mais découvrez ce lien, c'est un CSS gradient generator qui peut vous aider en cas de test entre les navigateurs un peu plus facile.
    c'est un outil très pratique en effet! Qui ne connaissait pas son existence. Merci pour le partage de ce lien!

    OriginalL'auteur Grant Thomas