hintergrund-Verläufe mit CSS im IE7

Ich bin mit dem folgenden bisschen CSS zu erstellen eine lineare hintergrundgradienten. Es scheint zu funktionieren nur fine in IE8/9, FF, Safari und chrome, aber nicht im IE7. IE7 zeigt eine solide (grün) hintergrund. Hier ist mein 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;
}
InformationsquelleAutor Kiwi1 | 2011-08-31
  1. 18

    In IE<=7, Filter wird nicht funktionieren, es sei denn, element hat layout.

    zoom: 1;

    Sich bewusst sein, dass es brechen kann und andere Dinge, die so alte gute background-image werden könnten, sichere und zuverlässige Lösung.

    Bitte beachten Sie auch, dass Ihre CSS fehlt gradient Eigenschaften für Opera, IE10 und aktualisierte syntax für Webkit.

    • Dank diesem Super geklappt! (konnte Sie nicht geben, eine Abstimmung auf, obwohl die Ursache ich bin ein neues Mitglied, sorry dafür) EDIT: für die aktualisierte syntax für Webkit, die ich verwenden kann -webkit-linear-gradient() nicht wahr?
    • Korrekt; die syntax ist die gleiche wie für Firefox und IE10, außer für verschiedene vendor-Präfix. Durch die Art und Weise, Sie sollten in der Lage sein, um zu akzeptieren meine Antwort durch klicken auf das Kontrollkästchen auf der linken Seite ist es.
    • IE10 ? ist das was neues? 🙂
    • Es wurden bereits 5 veröffentlichten Entwickler-Versionen von IE10. Ich bin irgendwie überrascht, dass Sie nicht darüber hören.
    • zoom: 1, die Lösung zu 99% der IE7 Probleme
    InformationsquelleAutor duri
  2. 2

    Die korrekte syntax ist: 

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

    Unterstützt wird dies durch die IE4 - >

    Finden Sie in der MSDN-source -hier.

    InformationsquelleAutor Kyle
  3. 0

    Ich bin mir nicht sicher, ob die Parameter dieser Transformation sind case sensitive - aber zu sehen, wie die meisten anderen CSS ist, könnte man versuchen:

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

    Beachten Sie die Kleinbuchstaben beginnend Zeichen und Kleinbuchstaben str suffix.

    • Ich habe versucht, Ihre Lösung, aber leider hat es nicht funktioniert. Habe auch versucht, geben alle Instanzen unteren Gehäuse, aber auch dass scheint nicht zu klappen.
    • Versuchen Sie, mit progid:DXImageTransform.Microsoft.gradient auch - Hinweis-und Kleinschreibung gradient.
    • Vielen Dank für Ihre schnelle Antwort wieder, aber leider hat das auch nicht funktioniert. Ich bin wirklich verwirrt, weil nach dem folgenden dokumentieren diese Transformation sollte die Arbeit für Internet Explorer 5.5 oder höher. Siehe: msdn.microsoft.com/en-us/library/ms532997%28v=vs.85%29.aspx
    • Sorry, ich konnte nicht helfen, aber schauen Sie sich diesen link, es ist ein CSS gradient generator können Sie Testfälle zwischen den Browsern ein wenig leichter.
    • dies ist tatsächlich ein sehr praktisches tool! Wusste nicht von seiner Existenz. Vielen Dank für diesen link!
    InformationsquelleAutor Grant Thomas
Schreibe einen Kommentar