PNG, przezroczystość, IE6

[mako241]

Tworzona strona była już gotowa, testy na IE7, Mozilli FF, Operze nie wykazały błędów. Jednak kiedy odpaliłem ją w IE6 pojawił się błąd w związku z plikami PNG o ustawionej przezroczystości. Domyślam się, że każdy doświadczony webdesigner wie w czym mój problem. Cienie nie wyświetlały się tak, jak tego oczekuję. Co z tym zrobić?
Dodam, że żadnych dodatkowych styli/kombinacji nie robiłem. Wszystkie PNG dodawałem zwyczajnie, tak jakby to były pliki JPG czy GIF.

[zakręcony]

http://homepage.ntlworld.com/bobosola/pnghowto.htm
http://www.alistapart.com/stories/pngopacity/

miłej lektury

[mako241]

Na innym forum zaproponowano mi rozwiązanie:

Poszukaj pliku iepngfix.htc i wpisz w stylach

Kod: Zaznacz cały

behavior: url(iepngfix.htc); 

dla elementu z plikiem PNG

Czy jest to poprawne rozwiązanie? W dwóch powyższych linkach takiego nie widzę.

[gorylek]

No słyszałem o tym. Fajna sprawa choć nie wiem jakie ma minusy bo na ogół nie korzystam.

Co do pliku to masz go tutaj:
http://www.twinhelix.com/css/iepngfix/

A tutaj mały przykład:
http://www.twinhelix.com/css/iepngfix/demo/

[mako241]

Z tym, że właśnie ktoś odpisał, że w tym przypaku, element nie może być powielany.

Więc jakie rozwiązanie wybrać?

[gorylek]

Np np jeżeli chciał byś użyc JavaScript to wystarczy ściągnąć ten plik:
http://homepage.ntlworld.com/bobosola/pngfix.js

a następnie wstawić w kod strony taką oto linijke:

Kod: Zaznacz cały

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

Ewentualnie w CSS można zastosować taki oto filtr:

Kod: Zaznacz cały

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='obrazek.png');

Pisane z palca więc wklep sobie gdzieś i sprawdź czy się nie pomyliłem ale powinno chodzić.

[mako241]

Kod: Zaznacz cały

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

Wydaję mi się jednak, że wtedy skrypt będzie działał jedynie dla IE7, tym czasem w IE7 strona śmiga jak marzenie, w IE6 (i jak się domyślam starszych) jest problem.

[gorylek]

Kod: Zaznacz cały

<!--[if lt IE 7.]>

LT przed IE 7 jak byś nie zauważył. Znaczy że będzie wla IE starszych jak 7.

[mako241]

Zauważyć zauważyłem, ale nie wiedziałem jak to działa, dzięki