Próbowałem zrobić proste tła DIV przy użyciu 1-pikselowego pliku PNG z częściową przezroczystością w celu utworzenia półprzezroczystego pola dla tekstu nad obrazem tła. Wyglądało to świetnie we wszystkich przeglądarkach, dopóki nie wypróbowałem iPhone'a. Robiła częściową przezroczystość, ale z tym dziwnym szarawym odcieniem mówisz zamiast oczekiwanych rezultatów.
Następnie wypróbowałem te połączone czerwone, niebieskie testy &. Oboje wyglądali dobrze po raz pierwszy, gdy je oglądałem, a uderzenie w odświeżenie sprawiło, że zaczęli szaro! Spróbowałem ponownie z nowym oknem przeglądarki i znów wyglądało to dobrze, a niespójność, o której wspomniałeś, znów uderza. Cóż, po prostu physiscally obrócony iPhone, a jak to się stało od orientacji poziomej do trybu portretu kolory przesunięte do szarych wersji!
Wszystkie testy przezroczystości częściowej W3C PNG wyglądały idealnie na iPhonie. Zrobiło się jednak nieudane test Gamma. Po wykluczeniu gamma jako możliwej przyczyny ścigałem go przez kilka godzin, ale nie udało mi się. Zrobiłem nawet własny gradient, który przeszedł całą drogę od 0 do 100% przezroczystości, aby upewnić się, że nie był to proces tworzenia obrazu. Oczywiście, że działało idealnie, więc mój proces jest dobry.
Potem miałem ten błysk geniuszu, co jeśli plik był większy niż 1 piksel? Więc zrobiłem to 2 piksele szerokości i 1 piksel wysoko, 20% przezroczystości (alfa 80%). Bam..działa! Próbowałem wszystkich kombinacji 1x1, 1x2, 2x1, 2x2, 8x8. Wszystkie z nich działały poprawnie, z wyjątkiem wersji z pojedynczym pikselem.
Wróciłem i sprawdziłem powyższe testy połączone i widzę, że używają one 1 piksela dla wszystkich odcieni. Ah ha!
I masz to, Mobilna przeglądarka Safari potrzebuje co najmniej 2 pikseli do pracy z półprzezroczystymi plikami PNG.
Zauważyłem, że nie jest to w 100% spójne. Na jednym ładunku widziałem, jak to jest idealnie, aż do linii 80 procent (gdzie jest przerwa prosto przez 80 rzędów, ciemnoszara poniżej tego punktu). Kiedy odświeżam, problem pojawia się na całej stronie (a kolejne przeładowania również go zepsują). Myślę, że to może być błąd charakterystyczny dla mojego iPhone'a lub oprogramowania.Spróbuję zrestartować, a jeśli to się nie uda, przeinstaluję całe oprogramowanie (i, w przypadku awarii, otrzymam nowy telefon :)). – worksology
Linki są martwe:/ – Will
Zamknięte jako zbyt zlokalizowane? Wesoły. Zasadniczo ma to zastosowanie, a ponad 3 lata później jest nadal w 100% istotne w przypadku iOS 6 Mobile Safari. –