Simulation von Farbe Haltestellen in Steigungen für den IE

Ich möchte ein div ein Verlauf mit mehreren Farben-Haltestellen, die IE filter-Eigenschaft nicht unterstützt. Jemand eine kreative Abhilfe zu simulieren, die Farbe hält im IE?
Ich dachte schon schaffen, mehrere divs nebeneinander... sonst noch etwas?

Dank!

  • Ich denke, dass mehrere divs mit abgestimmten Farbverlauf Farben ist der beste Weg (kurz, mit Bildern) zu erstellen, 3+ Farbverläufe.
  • genauso gut könnte man hinzufügen, das als Antwort.
  • Haben Sie sah CSS3Pie -- es ist ein hack, der IE gibt die Möglichkeit zur Verwendung von standard CSS-Farbverläufe. Nicht sicher, ob es das tut, was Sie brauchen, aber es wäre sicherlich einfacher zu verwalten als diese schrecklichen filter Eigenschaften.
  • PIE sieht toll aus, UND es wird nur heruntergeladen für IE, das ist ein echtes plus, nicht zu verlangsamen, die bereits in modernen Browsern. leider klappt es (noch) Platz für mehrere Verläufe
  • h - ach. In diesem Fall, würde ich gehen mit der mehrere <div> Lösung wie vorgeschlagen an anderer Stelle. Aber vielleicht verwenden, KUCHEN für Sie alle die gleiche (und vielleicht post mehrere Verläufe als feature-request auf die TORTE Foren).
  • mein Fehler, ich bin der überprüfung CSS3PIE jetzt, und es wird Unterstützung für mehrere Steigungen, yay!
  • Hinzugefügt wurde die Torte Lösung als Antwort. Ich Total verpasst, diese in die Kommentare und am Ende haben wir Zeit die Umsetzung mehrere divs.

InformationsquelleAutor esther h | 2011-01-31
  1. 6

    Mehrere divs mit abgestimmten Farbverlauf Farben ist der beste Weg (kurz, mit Bildern) zu erstellen, 3+ Farbverläufe. Siehe fiddle unten für eine funktionierende test:

    http://jsfiddle.net/Hauhx/

    InformationsquelleAutor jlmakes
  2. 3

    Ich würde Ihnen empfehlen, ein hintergrund Bild als fallback für Browser (wie Opera und IE), die keine Unterstützung für CSS-Farbverläufe.

    InformationsquelleAutor Red
  3. 2

    Oder verwenden CSS3 PIE. Weise einfach.

    Vom Einstellung linear-gradient Start-und Endposition im MSIE 9 und älter

    div {
    background-image: -moz-linear-gradient(360deg,rgb(255,255,255) 25% ,rgb(241,123,25) 75%);

    -pie-background: linear-gradient(360deg,rgb(255,255,255) 25% ,rgb(241,123,25) 75%);
behavior: url(/PIE.htc);
}

    Update: wenn das div-Element hat einen oberen Rand, dann scheint es zu tun, Weg mit ihm. Zumindest in meinem Fall. Weiß nicht, ob es eine Kombination von zwei Dingen.

    InformationsquelleAutor user984003
Schreibe einen Kommentar