Hoppa direkt till innehåll

Fixa transparenta PNG-bilder i Internet Explorer 6

2008-09-17 - atlas, javascript, png
Fick ännu ett mail som frågade om hur man fixar transparens i IE6, och eftersom jag uppmanade folk att fråga om dom ville veta så får jag väl lägga upp information om det helt enkelt. Detta är rätt så enkelt egentligen. Spara ned nedanstående javascript i en fil som heter pngfix.js och inkludera den i huvudet på varje sida som har PNG-filer. Om möjligt så inkludera det enbart om browsern är IE5.5 eller IE6.
Vad koden gör att den går igenom alla bild-taggar på sidan och ersätter dem med annan kod för att det ska fungera i IE6. Så den här img-taggen:
<img src='apa.png' width='20' height='20'>
Blir detta:
<span style='width: 20px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='apa.png', sizingMethod='image');'></span>
Och med den filter-metoden så kan nu IE6 visa transparensen i PNG-filen. Voila! Jag har ju en php-funktion för att skapa img-taggar så jag avgör redan där om det ska skrivas ut en img-tag eller en span-tag, så slipper man det lilla flimret som uppstår när det här scriptet kör igenom alla bilder
Mer i Tutorials
Mail Processing
Snygga till rubrikerna med jQuery
Min feed
Fixa transparenta PNGbilder i Internet Explorer 6
Rkna tid med PHP
Dlj emailadresser fr spamrobotar
Skuggor med CSS
Nyckelord: atlas, javascript eller png
Skapa moduler i Atlas
Web 20
Hur vljer man publiceringsverktyg fr webben
Fixa transparenta PNGbilder i Internet Explorer 6
Forum p sandmannet
Flersprkigt websystem
jQuery
Måla med rostfärg
Vårfix i trädgården
Jung Kook
Fix i husbilen
Pappaskämt och annan humor
Bilder på spelbordet när det används
Använda laserskäraren för att skapa innehål...
Julklappar med laserskärare
Budget-Spa
Nyckelskåp
Fjällkaffe
1/20 DeLorean Time Machine
Caso Outdoor Cooler
Minikyl Coca Cola
Verktygsvagn med verktyg, 161 delar
CSS filters for background images
Huset ommålat!
Skiss för tatuering
Spelbordet klart
Laser cutting my Myst Island
We Can Do It
Batwing
Elsa
Skaffat husbil
Foton på bilen
Remarkable 2
Ny espressomaskin!
Porträtt av Emma
AtlasCMS och rådande krissituation
Ny bil! Ford Mustang Mach-E GT
Spelbordet, igen
Ny bil beställd
Två månader med Keto
Spelbord v3
Mechanical Age map
More shading and water
Första månaden med Keto
Keto
Fotosession: Tabitha
Utebelysning
Återvinningsskåp
Måla om huset
Byggt hylla till vintunnorna
Dodge RAM
Inline-redigering
Drömmen om ett spa
Dags för carport
Survey Island, what is happening?
Golvprov
Gillestugan uppdaterad!