Chrom radial css Farbverlauf Glätte

8

Ich verwende chrome 18.0.1025.162 und versuche einen radialen Farbverlauf zu erstellen

%Vor%

Das Problem ist, dass der Farbverlauf sehr pixelig ist, der Übergang in Farbe und Alpha ist in Blöcken und nicht glatt. Dies ist in Safari und Firefox anders. Safari & amp; Firefox macht es sehr reibungslos und gut

Ist das ein Fehler mit Chrome? Jeder hat das gleiche Problem damit. Es ist so ein einfacher Gradient !! Sicherlich kann etwas so Einfaches nicht ein Fehler sein.

Schauen Sie sich Ссылка für eine Demo an, was ich meine.

Gibt es dafür eine Lösung? Ein Bild wäre schrecklich: (

(Ok, um zu sehen, wie schlecht die Glätte ist): Das ist, was ich bekomme, wenn ich es benutze: Ссылка (Chrome)
Ссылка (Safari) (Scheint ein wenig kantig, aber das ist wegen des Png, sonst ist es fast perfekt glatt)

Firefox ist genauso gut wie Safari, nur Chrome macht es schlecht Ich brauche Alpha, weil ich ein Repeat-Style-Bild in den Hintergrund bringe.

Edit: Chrome 20 (Canary) hatte auch dieses schreckliche Problem!

Edit2: Der Grund, warum wir CSS verwenden, ist, dass wir keine Bilder verwenden müssen! Also habe ich das zu Ссылка hinzugefügt. hoffentlich bekommt google ihre schauspiele gerade, weil ich denke, chrom ist wunderbar

    
Akshat 14.04.2012, 21:25
quelle

3 Antworten

1

Ich weiß, dass es schon vor langer Zeit gepostet wurde, aber ich habe das gleiche Problem (starkes Banding) mit Chrome 24 festgestellt:

%Vor%

Aber ich erkannte, dass die Verwendung des Codes unterhalb der Streifen fast verschwunden ist:

%Vor%

Hoffe, das hilft.

Bearbeiten: Ich habe gesehen, dass -webkit-gradient (radial, ...) nur die alte Syntax für die radiale Verlaufsanzeige ist, daher sollte es keine langfristige Antwort für dieses Problem sein ...

    
Florent Vielfaure 10.02.2013, 16:09
quelle
2

Wenn Sie den Alpha-Wert nicht benötigen, sieht es mit rgb anstelle von rgba viel besser aus.

Demo: Ссылка

    
stewe 14.04.2012 21:43
quelle
0

Es hilft in diesem Fall nicht viel, aber ich habe bemerkt, dass

hinzugefügt wurde %Vor%

kann manchmal helfen. X-Wert und Y-Wert sind natürlich Ihre Dimensionen.

    
Connor 14.04.2012 22:03
quelle

Tags und Links