Lineares CSS-Gradienttransparenzverhalten nur in Safari

7

Etwas wirklich seltsames passiert in Safari. Ich mache eine einfache Farbverlaufsüberlagerung, um einen Textblendeffekt auszuführen. Es funktioniert gut in Firefox und Chrome, aber nicht in Safari, was ich seltsam finde, da Safari und Chrome beide auf Webkit basieren.

Safari

Chrome und Firefox

CSS-Code

%Vor%     
CaptSaltyJack 05.06.2015, 18:15
quelle

1 Antwort

25

Anstelle von:

%Vor%

Versuchen Sie, Ihre Transparenz auf einen RGBA-Farbwert zu setzen. Zum Beispiel:

%Vor%

Mit anderen Worten, der RGB-Wert beider Farben sollte übereinstimmen. Zum Beispiel:

%Vor%

Wie in der w3c-Spezifikation definiert, ist transparent schwarz transparent (rgba (0,0,0,0)). Das heißt, wenn Sie sich in der Mitte des Übergangs befinden, sollte etwas Schwarz erscheinen.

Die in Safari angezeigte Farbe ist gemäß den Spezifikationen korrekt.

    
Amy 05.06.2015, 19:28
quelle

Tags und Links