Jag håller på och bygger en ny sajt som använder sig av bilder i PNG-formatet och har därför stött på problemet med att IE 5.5 och 6 inte kan hantera genomskinligheten.
IE 6 står för ca 22% av de 75% som besöker sajten med IE i någon version.

Har sökt på nätet som vanligt och det finns en uppsjö av olika lösningar, en del mindre och enklare, andra större och mer kompletta.
Det jag är ute efter är egentligen bara förmågan att hantera genomskinliga PNG-bilder.

Vilken är den vanligaste, enklaste och stabilaste lösningen enligt er?

Denna användar jag i 9 fall av 10: http://www.twinhelix.com/css/iepngfix/

Har tittat lite på den.

Vet du fler som använder den, dvs är det den vanligaste lösningen?

Egentligen borde man bara tvinga folk att uppdatera. Vad är det för folk som kommer dragande på IE 5 och 6? Folk som kör olagliga versioner av Windows och inte kan köra Windowsupdate? Varför skall dessa sega ner hela utvecklingen av webben.

Tips, ge istället personer som kommer in på din site information om att de har en osäker och utdaterad browser och hänvisa till uppdateringar... Det är den säkraste fixen för dig och alla oss andra. Bidra till en bättre webb.

Lägg sedan din egna tid till att göra sidan fungerande i Firefox 3, IE 7, Opera 9 och senaste Safari. Fungerar sidan i alla dem så har alla möjlighet att besöka sidan.

Jag håller med dig till 100% men det finns ett problem och det är storföretagen som är livrädda för att uppdatera sina miljöer.
Tanten sitter på SEB och de kör XP och IE6. Gissar att SEB inte är ensamma om en sån miljö och en del av våra kunder finns där.

Jag sitter precis och funderar på samma sak. Jag har skapat en helt ny version av en sajt och det är så tröttsamt att behöva lägga tid på att fixa för att det ska fungera för de 10% som sitter fast med IE6. Jag har inte helt bestämt mig för om jag ska släppa sajten ändå men på varje sida kommer det nu finnas en rejäl, omissbar, varning om att de använder IE6 och att webbplatsen inte fungerar fullt ut med den webbläsaren. IE 5.5 bryr jag mig inte om alls.

Jag kan ju tillägga att jag faktiskt testar just ovan nämnda pngfix. Jag får den inte att fungera för bakgrundsbilder med den metoden. Om du har många bilder (vilket jag har) blir det också slött.

Går det segt även för dem som inte kör IE6?

Nej - jag lägger dessa delar så att endast IE6 får med sig den koden:

<!--[if IE 6]>
<style type="text/css">
@import "/iehacks.css";
</style>
<![endif]-->

Snyggt!

Man kan ju då lägga till info till användaren att det kommer att gå lite slöare för att de kör en gammal browser.

En dum fråga säkert, men "<!--[if IE 6]>". Hur fungerar det, vart får du svaret till den frågan ifrån?
(Jag har aldrig jobbat med sajter som tar hänsyn till olika browsers, därav frågan...)

Sandstream: Kolla in "Conditional Comments"

Vilket med fördel görs här:
http://msdn.microsoft.com/en-us/library/ms537512.aspx
(...alltid bra med länkar.)

On topic så är jag förövrigt för tanken att i css:en man matar ie6 med (genom conditional comments) byta ut alla png-bakgrundsbilder mot gif-bilder. Detta så att även de som kör denna kan få ett godtagbart utseende.

Dessvärre är det som tidigare sagts väldigt vanligt bland större företag att fortfarande köra ie6. Har länge undrat hur mossiga it-avdelningar kan motivera detta beslut? Om inte för att göra livet trevligare för företagets anställda så borde man väl göra det av rent säkerhetstänk?

Tillbaks till ämnet; Är det någon som känner till en lösning som fixar png-transparens i ie6 (och då såklart även för bakgrundsbilder)... helt utan kända biverkningar? ...eller vilken lösning anses vara den bästa och i så fall; Vilka kända biverkningar har den?

En kollega tipsade nyligen om denna:
http://24ways.org/2007/supersleight-...ent-png-in-ie6
(...en upplevd biverkning från en annan kollega gjorde gällande att den förminskade bilderna om man inte specificerat width och height?)
Någon som har mer erfarenheter av denna?

Stort tack!

Har läst lite om "supersleight" men det känns som att oavsett vilken metod man väljer finns det alltid någon som tycker att en annan är bättre (ingen är väl förvånad).

Ska testa Helix pngfix och återkommer!

@dotvoid: Du har sett att den senaste version är från augusti 2008? Tänkte att du kanske hade den gamla:
"v2.0 Alpha 3: Alternatively, download the latest development code (updated 26 August 2008) at the Test Area, this includes support for background position and repeat."

Denna kör vi på Levonline:
http://labs.unitinteractive.com/unitpngfix.php

Vi använder rätt mycket CSS-bakgrundsbilder och det fungerar alldeles utmärkt i IE 6. IE 5.5 fick vi inte tag på för testning...

Det såg ut som en enkel och smidig lösning. Ska be min IE 6-testare att ta en titt efter förändringen och se hur det ser ut.

Jag använder mig av följande: http://homepage.ntlworld.com/bobosola/index.htm

Värt att påpeka är att alla dessa skripten gör rätt mycket.

Tex http://labs.unitinteractive.com/unitpngfix.php går igenom alla element på sidan och om den hittar ett element men en png-bild som bakgrund går den igenom alla dess barn ytterliggare en gång. Det som finns på http://24ways.org/2007/supersleight-transp...rent-png-in-ie6 går bara igenom alla bilder en gång.

Sen har jag även läst att det ska vara mycket jobbigare för IE6 att visa en bild på detta sättet. Så har man mycket png-bilder där bara någon enstaka är alpha transparent så verkar det dumt att köra det på alla.

Framförallt skulle jag föreslå att om man har någon enstaka PNG-bild som måste vara alpha-transparent att skriva ett skript som bara gör om det enda elementet och istället för att gå igenom alla och ändrar på alla png-bilder oavsätt om det behövs eller inte.

Eller också skiter man i dem två webbläsarna och tvingar folket att uppdatera. Jag har en sida på http://tux.h4xx.se/. Försök att gå in där med IE<7. Något liknande borde alla göra fast kanske lite snyggare utformat meddelande.

Antar att du inte säljer något på den sajten. Att be kanske 20% av en e-handels sajts användare att dra någon annanstans är inte så smart....

Hade jag haft en webshop hade jag nog visat en stor fet skylt med någon text om att dem borde byta browser. Och ge dem möjligheten att browsa sajten men varna för att designen kan se illa ut samt att vissa funktioner kanske inte fungerar.

Så kan man göra med det är inte så snällt mot alla dem som sitter på stora företag och varken kan eller får uppdatera sina browsers.

Man kan be dem påpeka för sin IT-avdelning hur gammal, kass och osäker IE6 är.

Absolut, men problemet är att om det sitter på ett företag med kanske 10-20.000 anställda, ett par hundra webbapplikationer osv så är IT-avdelningen inte ett dugg intresserad. Många svenska storföretag är de sista som byter till nya program/operativ och när de väl gör det så är de redan gamla.

Om folk visst vad som snurrar i en del företags stordatorer skulle de bli mörkrädda.
Programmeringsspråk från 50-60 talet som nästan ingen kan längre men som är våldsamt snabba eftersom de nästan är på maskinkspråksnivå.

Nog om det :P

Tilläggas kan att ofta blir svaret från IT-avdelningen en fråga; "Är webbplatsen du försöker nå jobbrelaterad?".

IE6 håller på och fasas ut. Det sker inte i idag eller imorgon men varje dag blir antalet användare av IE6 färre. Jag har tagit beslutet att strunta i de 12 - 13% som använder IE6. Många av dem sitter på stora företag och har en moderna webbläsare hemma. Ju jobbigare det blir att använda IE6 desto större incitament blir det att byta. Det händer så sakteliga.

Därmed bör också de här hacken lyckligtvis också vara på utdöende.

http://homepage.ntlworld.com/bobosola/index.htm
Var snabbt som bara den men kan inte hantera bakgrundsbilder definierade i CSS = :(

http://labs.unitinteractive.com/unitpngfix.php
Segt som attan och de förstörde sidan totalt, det mesta kastades omkring = :(

http://www.twinhelix.com/css/iepngfix
Utan den extra js-filen gick det så där, bilderna blev visserligen genomskinliga men det var också allt, de behöll inte färgen = :(
Med js-filen kraschade IE6 = :(

Ska testa den här i morgon:
http://code.google.com/p/ie7-js/

Vore intressant att veta hur många som e-handlar från sin jobbdator.
Många gör nog som du skriver, de beställer hemifrån.

Har testat den, den suger verkligen. Fuckade typ allt.

Funkade bra för mig men den lösningen har ett problem och det är att den inte klarar av att repetera en bakgrund = :(

Det jag behöver är en lösning som klarar bakgrunder i PNG-format och som kan repetera dem precis som IE7, FF3 och GC gör.
Några tips förutom de lösningar som beskrivits i tråden?

Den här lösningen fungerade bra för bakgrunder som repeteras, frågan är bara hur tung den blir om man kör den på säg 30-40 bilder på en sida. Vi får se.


CSS:

HTML:

Den här fungerade onekligen bäst av alla jag provat! :)
http://24ways.org/2007/supersleight-...ent-png-in-ie6

Någon sekunds fördröjning sen ser alla PNG-filer ut som de gör i moderna browsers B)

Jag tycker nog personligen det bästa hacket är att inte använda png alls än.

Det är en ganska dum inställning. Png-formatet hade över huvud taget inte haft stöd i IE7 om inte utvecklare tvingat MS att anamma formatet iom att de använder det. Då hade vi fortfarande suttit med enbart gif-formatets begränsningar. Om man överför det resonemanget till annat skulle utveckling i princip helt stanna av.

Vad finns för incitament att införa stöd för t ex PNG om ingen använder det? Varför ska man använda PNG om det ändå inte finns 100% stöd för det? Det enda som händer med det resonemanget är ingenting. Ganska tråkig värld.

Jag använde http://labs.unitinteractive.com/unitpngfix.php som nån tipsa om, strålande! :) lätt å lägga in oxå, tack så mkt!