Tein nettisivut valmiiksi ja kattelin niitä vähän väliä Firefoxilla ja IE7:lla yhteensopivuuden takia. Kummallakin sivut toimivat ok ja olin jo aikeissa julkaista ne, mutta kun katsoin sivuja jollain vanhemmalla koneella, jossa oli IE6, niin png-kuvien läpinäkyvyys ei toiminut. Kuvissa on pakko toimia tuo läpinäkyvä osa! Joten, millä formaatilla nuo .png kuvat kannattaisi korvata? Kokeilin giffiä, mutta siitä tuli todella huonolaatuinen kuva. Sivuille kohdistunut ikäryhmä on varmaan 40-50 paikkeilla, joten tuo IE-toimivuus olisi aika must. Apuja!
Valitettavasti läpinäkyvyyttä sisältävien kuvien esittämiseen IE6:lla .gif on ainoa vaihtoehto, mutta älä huoli... mitäs eivät ole hankkineet uutta selainta.
Purkalla onnistuu: http://www.alistapart.com/stories/pngopacity/
Sitten löytyy semmoinen hieno juttu kuin 8-bit PNG, johon laitetaan 4-bit alphat. Ne eivät toimi läpinäkyvinä IE6:lla, mutta läpinäkyvät kohdat ovat täysin läpinäkyviä sen sijaan että tulisi harmaat laatikot. Tosin tämmöisen tiedoston tekoon ei oikein ole ohjelmia. Lisätietoja PNG8:sta. Ongelmana on tietysti värit, koska paletti on samoin rajoittunut kuin GIF:llä.
Ehkä helpointa olisi että laitat vaikka yhden huonosti GIFiksi muuntuvan kuvan esimerkkinä, niin voidaan helpommin katsoa kannattaako yrittää vaihtaa pois PNG32:sta vai onko järkevintä vaan alkaa leikkimään esim. filter-ominaisuudella, joka toimii vaan IE:ssä.
Maltoin muutaman minuuttia googletella ja lukea kunnolla, niin löyty todella helppo ratkaisu, joka vaatii tosin javascript-tuen. HTML:n head-tagien väliin vaan settiä. Täältä voi lukea lisää.
E: Tuon kanssa tuntuu toimivan vain ns. yksivärinen läpinäkyvyys (en oikein tiedä tälle hienoa teknistä sanaa :D), joten esim. värin häivytys (musta -> läpinäkyvä) ei tämän avulla onnistu.
Kyllä tuo osaa nimenomaan sen monen tason läpinäkyvyyden. Tosin suosittelisin opettelemaan ihan suoraan filter-attribuutin käytön, jos CSS:n kautta aiot taustoja määritellä. Sillä saa kuvatkin jos niitä ei ihan mahdottomasti käytä.
Aihe on jo aika vanha, joten et voi enää vastata siihen.