Seite 1 von 1

Internet Explorer: Farbverlauf

Verfasst: 16.01.2013 17:13
von Lehrling
Hallo,

um einen Farbverlauf darzustellen, habe ich folgende Formate im Stylesheet definiert:

Code: Alles auswählen

body { background: -webkit-gradient(linear, left top,  left bottom, from(#fafafa), to(#e8e8e8));;
      color: #080808;
	  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e8e8e8',GradientType=1 );
         }
Google Chrome und firefox zeigen den Farbverlauf auch an, beim IE jedoch gibt es Probleme. Er zeigt zwar den Farbverlauf an, aber nicht wie er soll, von oben nach unten (oben hell, unten dunkler), sondern von links nach rechts.
Was muss ich einbauen, damit der Farbverlauf im IE von oben nach unten geht?

LG Lehrling

Re: Internet Explorer: Farbverlauf

Verfasst: 16.01.2013 17:55
von HabNurNeFrage
In Deinem Beispiel steht das Attribut GradientType an der falschen Stelle. Deswegen wird wohl der Default-Wert 0 geparst, der eienen vertikalen Verlauf angibt.
Deine Zeile müsste so lauten:
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#fafafa,EndColorStr=#e8e8e8);

Miniweich präsentiert hier alle möglichen IE 10 Farbverläufe:
http://msdn.microsoft.com/de-de/library ... 85%29.aspx

Für ältere IE gibt es noch folgende Schreibweise:
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#000000,EndColorStr=#FFFFFF)"

IE und CSS stehen schon immer etwas auf Kriegsfuß :(

Re: Internet Explorer: Farbverlauf

Verfasst: 17.01.2013 21:14
von Lehrling
Danke für deinen Tipp. Es hat aber leider nicht geklappt. Ich habe noch andere Befehle ausprobiert, bin aber erfolglos geblieben.
Jetzt ist die Seite über den IE eben weiß. Das sieht auch ganz passabel aus.

LG Lehrling