Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Opacity na IE7 w plikach PNG - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Opacity na IE7 w plikach PNG (/thread-opacity-na-ie7-w-plikach-png)



Opacity na IE7 w plikach PNG - papcio28 - 12-04-2012

Witam !

Mam pewien problem...
Mianowicie, pracuję właśnie nad zakodowaniem strony. Bardzo proste zlecenie jednak mam problem z jedną drobną rzeczą.

Na stronie są 3 obrazki w formacie PNG (z przeroczystością). Za pomocą jQuery na starcie ustawiam ich Opacity na 0.5, a potem napisany jest skrypt który po najechaniu na nie myszką ustawia opacity na 1.
Jednak w IE 7 i 8 pojawia się coś takiego jak na załączonym screenie.
Po najechaniu myszką gdy opacity dojdzie do 1 obrazki wyświetlają się już poprawnie. Problem ten występuje tylko gdy opacity ma wartość poniżej 1.

Czy ktoś ma jakiś pomysł jak to rozwiązać, czy będę musial zrobić nieprzezroczyste te obrazki i nie w PNG tylko w JPEG np ?

Screen w załączniku :


.jpg   ie7.JPG (Rozmiar: 127.67 KB / Pobrań: 4)


RE: Opacity na IE7 w plikach PNG - Kartofelek - 13-04-2012

Nawet nie muszę patrzeć na screen. Czyżby czarne śmiecie?
IE<=8 źle obsługują png.
6 w ogóle ich nie obsługuje (ale da się to jakoś naprawić)
7 i 8 obsługuje je błędnie jeżeli stosujemy opacity.

Rozwiązania są 2.
1) - używaj go wraz z kolorem tła :} wtedy działa jak należy
background:#fff url(.....) no-repeat;
ale to praktycznie nigdy nie przejdzie (chyba że używasz na jednolitym tle)

2) użyj warunków i dla IE nie używaj opacity, a po prostu rób krańcowe wartości - show / hide.


RE: Opacity na IE7 w plikach PNG - hieroshima - 13-04-2012

3) Porzuć wsparcie IE<=7


RE: Opacity na IE7 w plikach PNG - Kartofelek - 13-04-2012

4) tylko że ten problem obejmuje też IE8 ;]


RE: Opacity na IE7 w plikach PNG - camelrafal - 21-04-2012

odinstaluj IE problem zniknie
pod ie to trzeba sie uczyć innego cssa


RE: Opacity na IE7 w plikach PNG - hieroshima - 24-04-2012

a jaką masz alternatywe dla tego najgorszego systemu?