PNG ie6

[surgeon]

Spowolnienie przeglądarki może się zdarzyć, jeżeli przesadzisz z obrazkami PNG (powyżej 20). Jeżeli masz tylko kilka obrazków, to wszystko powinno być OK.

Na moim blogu zamieściłem wpis wyczerpujący zagadnienie.
http://www.chalapuk.pl/2010/06/polprzezroczyste-obrazki-png-w-ie6/
Zapraszam

[Rafik01]

Dobra, to teraz powiem jak to było w moim przypadku.

Zostałem poproszony przez zleceniodawcę o właśnie poprawę plików .png pod właśnie Microsoft Internet Explorer w wersji 6. Poszperałem trochę w necie i przetestowałem wiele metod. Między innymi wyżej wymienioną przez surgeona. Jednak znalezione przeze mnie metody albo w cale nie działały, albo uzyskany efekt był jakości zwyczajnego gifa.

Nie zniechęcony niepowodzeniami szukałem dalej. W końcu na jakimś anglojęzycznym blogu nieznanego mi webmastera odnalazłem wpis dotyczący właśnie przezroczystych plików PNG w IE6. Rozwiązanie okazało się rewelacyjne. Wszystkie obrazki wyświetlały dokładnie jak w nowoczesnych przeglądarkach.

Owa metoda nazywa się "IE PNG Alpha Fix". http://www.twinhelix.com/css/iepngfix/ - tutaj oficjalna strona.

Nie będę omawiał metody, lecz pokażę jak ją dołączyć do strony.

Na początek musimy pobrać IE PNG Alpha Fix" ze strony autora. Podaję bezpośredni adres: http://www.twinhelix.com/css/iepngfix/iepngfix.zip . Następnie należy rozpakować archiwum. Z folderu "iepngfix" kopiujemy "iepngfix.htc" i "blank.gif" do folderu naszej strony. W arkuszu CSS dopisujemy taką wartość ( nie musi być to plik specjalnie dla IE6 ):

Kod:

img,div
{
behavior: url("iepngfix.htc");
}

Kopiujemy z folderu ie fixa plik "iepngfix_tilebg.js" do folderu naszej strony. W części "head" dopisujemy:

Kod:

<script type="text/javascript" src="iepngfix_tilebg.js"></script>

W folderze "iepngfix" znajduje się także plik "index.html" w którym cała metoda jest dokładniej opisana.

[Kartofelek]

Zapomniałeś dodać do swojego opisu jednego punktu:
- Modlimy się, by to coś z tłem png nie było klikalnym linkiem lub formularzem

[Rafik01]

To niech dopisze tam jeszcze znacznik a, input i jeszcze nie wiadomo jak wiele.

[Kartofelek]

Ja tam i tak uważam, że najlepsze rozwiązanie jest takie jak na mojej stronie ;]
Kto ma ietestera, zapraszam z ie6 ;D

www.doman.art.pl

[Sheken]

dd_belatedpng.js
Nie ma lepszego.

Ogromne plusy to: obsługa background-position, łatwe użycie dla tylko wybranych elementów, obługa znaczników <img/>, brak efektu białego tła podczas ładowania obrazków, pełna obsługa pseudoklasy :hover bez bugów jak w przypadku innych png-fixów, brak efektu nakładania się png-ów (zasłaniania elementów).

Minusy to: bug przy użyciu !important na elemencie oraz brak obsługi buttonów formularza ale w tym przypadku zawsze można użyć przezroczystego gifa z obramowaniem.

Może nie jest najłatwiejszy w użyciu ale osiąga się w pełni profesjonalne efekty.

[Sheken]

Ja tam i tak uważam, że najlepsze rozwiązanie jest takie jak na mojej stronie ;]
Kto ma ietestera, zapraszam z ie6 ;D

www.doman.art.pl

Niestety większość klientów wymaga wsparcia dla ie6.
Kilkakrotnie spotykałem się ludźmi którzy narzekali na koderów którzy nie radzą sobie z ie6 lub odmawiaja współpracy ze względu na konieczność kodowania pod ie 6. Może faktycznie na swojej stronce można sobie pozwolić na taki joke jednak w profesjonalnej developerce nie ma miejsca na takie wygłupy. Chyba że ktoś koduje nie zarobkowo.

[Kartofelek]

Masz rację. Trzeba trzymać poziom. Szkoda, że wielcy typu Google itp tego nie rozumieją =) Amatorzy.

Sory ale jeżeli musisz używać skryptów by zrobić głupi select, to to nie jest profesjonalna developerka. A to że klienci tego chcą - to świadczy tylko o ich głupocie i nieznajomości rynku.
Powtórzę raz jeszcze. Tylko MY SAMI jesteśmy winni temu, że Ie6 wciąż jest na rynku. Nikt inny.

Poza tym taką stronkę "IE niet" można zrobić naprawdę profesjonalnie. I wtedy będzie spełniała swoje zadanie. Wystarczy przejrzeć na smashingu przykładowe strony 404 itp. Niby tylko głupia 404, a może być dziełem sztuki, które samo w sobie przyciągnie userów.