linear-gradient zu transparenten Bug in der neuesten Safari?

Ich bin ein Grund linear-Gradienten wie folgt Anwendung:linear-gradient zu transparenten Bug in der neuesten Safari?

background-image: linear-gradient(to top, red, rgba(0,0,0,0));

dies verhält, wie es außer in Safari überall angenommen hat, wo die transparente als schwärzlich/graue Farbe wiedergegeben wird:

hier ist Chrom (wie es sein soll):

und hier ist Safari

Ich habe versucht, es mit -webkit- prefixing, die rgba-rgba(0,0,0,0.001) ändern, aber es geht nie zu festen transparent. Ist das ein Fehler? Gibt es eine Möglichkeit, das zu beheben?

hier eine Geige https://jsfiddle.net/2Lrp3sv1/2/

Quelle

2016-07-15 valerio0999

wäre es nicht besser, rgba (255,0,0,0) zu setzen? (für alle Browser?) – vals

@vals, die eine rote Farbe in meinem CSS rendert. das ist komisch .. funktioniert aber auf jsfiddle. Ich habe versucht rgba (255,255,255,0), aber immer noch, es wird von gräulich zu weißlich :) nicht genau transparent – valerio0999

Entscheiden Sie zuerst, welche ** solid ** Farbe Sie in der Mitte wollen. Dann können wir berechnen, welche die endgültige Farbe wäre ... – vals

ich dies in Safari bin zu sehen, auch. Für mich verblasst es zu einem hellen Rot, obwohl keine der Farben, die ich verwende, rot ist.

Ich löste es mit 'transparent' als Wert. Sobald ich aufgehört habe, rgba zu verwenden, sah es wie erwartet aus.

Quelle

2016-08-12 10:21:08 mee

Und sobald ich aufgehört habe transparent zu benutzen, und rgba benutzt habe, sah es wie erwartet aus. Was passiert hier: D –

Vielleicht hast du andere Erwartungen! –

Dies hat mit der Art zu tun, wie Browser transparent rendern.

Bei den meisten Browsern

transparent === rgba(255,255,255,0)

Aber Safari macht es als

transparent === rgba(0,0,0,0)

Wenn Sie also ein Gradient transparent-white (oder rgba(255,255,255,1)) haben, für die meisten Browser Sie Ändern Sie nur den Alpha von 0 zu 1 entlang des Gradienten.

Aber für Safari, sind Sie die Alpha von 0 bis 1 und die Farbe 255-0 zu ändern, so dass Sie ein Gradient von Graustufen erhalten.

Das hat mich eine Weile verrückt gemacht.

Quelle

2017-09-11 23:02:19 AJFarkas

Sie wissen es nicht. Das ist eine Innovation von Apple. – Nirmal

linear-gradient zu transparenten Bug in der neuesten Safari?

Antwort

Verwandte Themen