Opacity na IE7 w plikach PNG

[papcio28]

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 :


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

[Kartofelek]

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.

[hieroshima]

3) Porzuć wsparcie IE<=7

[Kartofelek]

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

[camelrafal]

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

[hieroshima]

a jaką masz alternatywe dla tego najgorszego systemu?