Fixa transparenta PNG-bilder i Internet Explorer 6
2008-09-17 - atlas, javascript, png
0
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
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!
Spelbord v2
Tre billyhyllor blir två
Gymkort
You can't take the sky from me
Högtalare klara!
eklundh.com tar ned skylten
Högtalare bestämda!
Uppgraderingar biorum
Lord of the Rings-maraton
Ergonomiskt som tusan!
Lego Storm Trooper
Fågel Fenix
Två hyllor på badrummet
Hobbyhörna fixad
Hylla bakom soffan
Modellbygge igen!
Porträtt av u/Flattie-Ratty
Porträtt av u/DangDoood
Buy prints of my maps
Hero Dashboard för Descent
3D-printer
Fältsjukhus 616
Ny kaffemaskin
Porträtt av u/elizabeeeef
Jämförelse 135 mm
Nya objektiv
Porträtt av kompis mamma
Använda utrymmet under trappen
Spelbord
Pimpning av köks-ön
Jag saknar min Dodge!
Acrylic drip