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
Nordic: The Musical
I-V: Mjölner: Himlen brinner
Nordic: The Musical
I-IV: Loke: Gudarnas spel
Nordic: The Musical
I-V: Freja: Oändlig kärlek
Ljussabel-projektet
Hemma Bäst
Skåp till Ute-TV
Thåström i Globen
Födelsedagspresent
Bröllopspresent
Borta Bra
Recension: Jacy's
Thåström
Nordic: The Musical
I-III: Oden
Nordic: The Musical
I-II: Yggdrasil
Nordic: The Musical
I-I: Ginnungagap: Allting börjar alltid någonstans
Borta Bra
Recension: Bohusgården Hotell & Konferens
Borta Bra
Recension: Elite Palace
Nytt projekt på gång: Ljussablar som ljuskälla
Hemma Bäst
Hemma-Spa klart!
Alien: Romulus
Hemma Bäst
Utebaren klar!
Hemma Bäst
Börjar likna en bar!
Hemma Bäst
Reglar på plats
Hemma Bäst
Rivning pågår!
Mjölner!
Borta Bra
Örnen börjar bli redo för Sweden Rock
Hemma Bäst
Utebar!
Mixtejp
Norrsken
Kan ha "råkat" skaffa något på Sci-Fi-mässan
Borta Bra
Recension: Steam Hotell
Hemma Bäst
Det börjar ta form med hemma-spa:et
Rostfärg och IKEA-lampa
Myst Book
Create a physical book from my digital book
Myst Book
Survey Island
Myst Book
Someone is trying to sell my map!
Julkalender
Myst Book
Myst book updated
Borta Bra
Recension: Yasuragi Ryokan Hanare
Borta Bra
Recension: Ad Astra
Ny tatuering - midgårdsormen!
Minnestal till en kaffekopp
Förlovade
Borta Bra
Sweden Rock 2023
Ny nummerskylt för huset
Fix i husbilen
Grubbelgubbe
Hemma Bäst
Uppdateringar i verkstaden!
Måla med rostfärg
Vårfix i trädgården
Jung Kook
Pappaskämt och annan humor