CSS Farbverlauf Schachbrettmuster
Ich möchte ein Schachbrettmuster mit Farbverläufen erstellen. Ich habe ein Beispiel gefunden und es an meine Bedürfnisse angepasst, aber es funktioniert nur mit -moz Präfix. Wenn ich das Präfix -moz lösche, ist das Muster völlig anders. 
Wie kann ich dieses -moz Schachbrettmuster mit nicht fixiertem% co_de% funktionieren lassen?
1 Antwort
Ändern Sie einfach den background-position wie im folgenden Abschnitt, um die erforderliche Ausgabe zu erhalten. Dies funktioniert in Firefox, Chrome, Opera, IE11 und Edge.
Das Problem scheint aufgrund eines Unterschieds in der Art und Weise zu entstehen, in der die Winkel durch den linearen Gradienten -moz und den Standardwinkel behandelt werden. -45deg im -moz linearen Farbverlauf scheint im Standardgradienten gleich 135deg zu sein ( aber die Änderung des Winkels führt zu einem seltsamen Punkt in der Mitte ).
Die folgenden Screenshots zeigen den Unterschied (beide im letzten Firefox v44.0).
Ausgabe mit -moz-linear-gradient:
Ausgabe mit linearem Farbverlauf:
Tags und Links css css3 gradient linear-gradients