Safari 6 Gradientowy błąd mieszania/interpolacji kolorów

Question

Zdjęcie powinno wyjaśnić wszystko. Po lewej stronie znajduje się Safari 6, a po prawej stronie Chrome. Nie tylko dolna połowa przezroczystego gradientu czerwonego jest całkowicie błędna (co może być przypadkiem nadgorliwej premilplikacji alfa), górna połowa jest również ciemniejsza, co wygląda jak problem z poprawnością gamma.

Ten problem pojawia się w Safari 6 w Mountain Lion i iOS6 Mobile Safari, jednak nie w Safari 6 w Lion.

http://jsfiddle.net/ZUTYm/4

Czy ktoś znalazł rozwiązanie dla uzyskania oczekiwanych rezultatów? Potrzebuję moich gradientów, aby zaangażować alfa, ponieważ staram się zanikać tekst do i z rzeczy.

Ponieważ nie mogę skończyć zmienił aż umieścić w prawdziwym kod tutaj jest definicja gradient: background-image: -webkit-linear-gradient(top, red, rgba(255,128,128,0), white);

Answer 1

udało mi się odtworzyć problem na Mac 10.8.1 Safari 6.0 (8536,25) i iOS Safari 6.0.1. Myślę, że nakładanie -webkit-mask-image zamiast przezroczystego koloru-stop unika kwestia:

.grad-bg { 
    background-image: 
     -webkit-linear-gradient(top, #ff0000, #fff); 
    height: 100%; 
} 

.masked { 
    -webkit-mask-image: 
     -webkit-linear-gradient(top, white, transparent, white); 
} 

jsFiddle

W obrazie, najlepsze pokazy ponad białym tle, u dołu kształt wskazuje na nieprzezroczystym tle gradient te same kolory.

(wiele zmian.)