Każdy kto miał okazję wycinać skomplikowany layout, zawierający dużo gradientów, zaokrąglonych rogów i nakładających się na siebie elementów, stosował przeźroczyste png. Nie ważą wiele i oferują ogromne możliwości. Jedynym minusem stosowania przeźroczystości w plikach png jest brak ich obsługi w zmorze programistów - IE6.
Wszystkie hack-i, fix-y i okrętki działały jedynie w określonych warunkach i wymagały zastosowania dodatkowych znaczników lub atrybutów. Na domiar złego, nie wszystkie przeźroczyste pliki zachowywały swój oryginalny wgląd.
Dzisiaj znalazłem rozwiązanie tych problemów – DD_belatedPNG. Jest to bardzo prosta w użyciu biblioteka, która wykorzystuje VML do przerysowania wszystkich problematycznych grafik. Nie zauważyłem problemów z wydajnością, czy kompatybilnością z innymi bibliotekami.
Enjoy.
Niestety w określonych okolicznościach także nie działa, jakie to okoliczności już niestety nie pamiętam. Ale przyznam, że w 99% wypadków radzi sobie świetnie.
A ja tam wole to: http://www.twinhelix.com/css/iepngfix/
~grzesiek
Mi udało się znaleźć jedynie jedną sytuację, w której ten fix nie zadziałał – dynamiczne ładowanie elementów html, których tłem jest przeźroczysty png.
~Anoniowy
Wygląda ciekawie, jednak przeraża mnie ogrom plików, które trzeba zaangażować, by fix zadział.
ogrom plików?
Deklarujesz w css jedynie te elementy na których pngfix ma dzialac i smiga b. ładnie.
Przyznam, że nie sprawdzałem twojego fixa, ale mysle ze benchmark warto by kiedyś zrobić.
Z tego co się orientuje to sa jedyne dwa fixy, które dają opcje background repeat i position.
~Anonimowy
Nie sprawdziłem tego fix-a, jedynie o nim poczytałem i pliki, które muszę użyć to:
- iepngfix.htc
- blank.gif
- iepngfix_tilebg.js
- .htaccess
Jak dla mnie to trochę za dużo, by uzyskać przeźroczystość.
batman – starcza tylko dwa: iepngfix.htc
- blank.gif
SuperSlight
Super, dzięki za linka! Skrypt uratował mnie w specyficznym przypadku, gdzie "IE PNG Fix" nie dawał rady. Jeszcze raz dzięki!