Jag skulle vilja använda transparenta PNG-bilder på en av de hemsidor jag just nu arbetar på i mitt företag - men det kan man väl inte göra så länge som Internet Explorer finns kvar i människors datorer?
Jo, det kan man faktiskt - för även om Internet Explorer 6 inte stödjer transparenta bilder automatiskt så kan man stödja det genom en specialfunktion som läggs till i CSS-egenskaperna för vart element som visar en PNG-bild.
Att behöva ändra ens kod i så stor omfattning innebär dock ganska mycket merarbete och att sedan CSS-validatorn klagar och Firefox-konsolen börjar visa varningar gör lösningen än mindre rolig.
Det finns dock en lösning - en magisk fil, skapad av Angus Turnbull, som du kan peka alla dina bildelement mot så att Internet Explorer förstår vad den ska göra. Alla transparenta PNG-bilder fungerar hux flux.
Det nya attributet i din CSS-stilmall orsakar dock precis som den andra fixen fel i CSS-validatorn och fula varningar i Firefoxs konsol. Det åtgärdar man genom att nyttja en funktion i Internet Explorer kallad villkorliga kommentarer (på engelska conditional comments) som enbart visar det nya attributet för Internet Explorer 6 och tidigare.
Allt som allt får man en extra fil och lite extra CSS:
<!--[if lte IE 6]>
<style type="text/css">
img {
behavior: url("iepngfix.htc");
}
</style>
<![endif]-->
Andra bloggar om: css, png, internet explorer, tips
G.Lindqvist kommenterar den 5/1 2007
Riktigt bra lösning faktiskt. Dock fungerar det inte så bra om png-bilderna ligger inom länk-taggar direkt på sidan.
Då buggar det rejält. :(
Pelle kommenterar den 5/1 2007
Gör det? Ajdå - det var ju inget skoj. Jag har dock länkade bilder på det viset att bilden är en bakgrundsbild som jag med CSS ersatt länktexten med.
G.Lindqvist kommenterar den 5/1 2007
Visserligen fungerar den här lösningen med bilder som är länkade direkt.
Då kan jag ha kvar dem i dokumentet. Ser helst att de är kvar, med tanke på sökmötorerna.
Pelle kommenterar den 5/1 2007
Varför ha bilder för sökmotorerna? Vill du ha dem indexerade av Google Bildsök eller har jag missat något?
hedkvist kommenterar den 4/1 2007
sweet :) detta ska testas.
de fixar jag tidigare testat fixade inte bakrunder men det ska visst detta göra.