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
Nytt projekt på gång: Ljussablar som ljuskälla
Hemma-Spa klart!
Alien: Romulus
Börjar likna en bar!
Reglar på plats
Rivning pågår!
Mjölner!
Örnen börjar bli redo för Sweden Rock
Utebar!
Mixtejp
Norrsken
Kan ha "råkat" skaffa något på Sci-Fi-mässan
Recension: Steam Hotell
Det börjar ta form med hemma-spa:et
Rostfärg och IKEA-lampa
Create a physical book from my digital book
Survey Island
Someone is trying to sell my map!
Julkalender
Myst book updated
Recension: Yasuragi Ryokan Hanare
Recension: Ad Astra
Ny tatuering - midgårdsormen!
Minnestal till en kaffekopp
Förlovade
Sweden Rock 2023
Ny nummerskylt för huset
Fix i husbilen
Grubbelgubbe
Uppdateringar i verkstaden!
Måla med rostfärg
Vårfix i trädgården
Jung Kook
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