Internet Explorer: Farbverlauf

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:

Internet Explorer: Farbverlauf

Beitrag 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
Benutzeravatar
HabNurNeFrage
Ehemaliges Teammitglied
Beiträge: 1627
Registriert: 17.01.2010 20:22
Wohnort: An der Ostsee
Kontaktdaten:

Re: Internet Explorer: Farbverlauf

Beitrag 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ß :(
| HomeStory.org - the friendly Community | Forum für alle Lebenslagen | <"}))}~ | Nicht nachmachen: Meine phpBB Spielereien |
var shoppen = geld.replace (/geld/g, 'bloedsinn'); if (geld < 1) { return home; };
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:

Re: Internet Explorer: Farbverlauf

Beitrag 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
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“