PNG z kanałem alpha

Internet Explorer 6 nie potrafi normalnie wyświetlać grafik PNG z kanałem alpha. Odmiana 24+8 bit wyświetlana jest z szarym tłem, a odmiana 8+8 ma degradowaną przezroczystość do 1 bitu.

Rozwiązanie

Istnieją liczne obejścia tego problemu. Wszystkie wykorzystują niestandardowe rozszerzenie IE — filtry ActiveX.

Otóż ten hack w praktyce nie nadaje się na nic więcej, niż pokazanie pojedyńczego obrazka, że „działa”, ponieważ:

Przykłady zastosowania PNG

Menu z ładnie zaokrąglonymi rożkami i dowolnym, zmiennym tłem można wykonać poprzez zasłonięcie koloru tła w rogach przez pozycjonowaną grafikę tła.

W IE to działa, póki używa się 1-bitowej przezroczystości, ale to daje brzydkie poszarpane rogi. PNG z alpha będzie szarym plackiem albo, jeśli zastosuje się filtr, rozciągnie się na cały element zamiast pozostać w rogu.

Podobne problemy są, gdy chce się dodać poziomy cień pod elementem. Filtr spowoduje zignorowanie background-repeat i rozciągnie cień na cały element.

Problematyczne w IE jest też przezroczyste tło pod tekstem. Normalnie ustawia się PNG jako tło i tyle. Niestety filtr w IE spowoduje zaaplikowanie przezroczystości nie tylko na tło, ale i na cały tekst, czyniąc go bladym i nieczytelnym.


Spis bugów


Zmodyfikowano: 01.07.2008, 14:41
submit