Gennemsigtige PNG'er

img {border: 0px}

Eller <img src="blabla.png" border="0">

Hej igen

Jeg tror ikke at I har fat i det rigtige - prøv at se dette screendump:

http://www.thingholm.dk/png-test/test.jpg

Du mener altså at baggrunden bag teksten skal være gennemsigtig?

I så fald er det enten din browser som ikke er glad for gennemsigtige png's, eller oz har du ikke fået gemt det som gennemsigtigt. Det er de mulighedder jeg lige kan se

Hej igen

Ja, det er gemt som gennemsigtig PNG 24 bit.

Hvor ændrer man browser indstillingerne til at kunne se PNG'er? Jeg bruger IE 6.0

IE 6.0 skulle ikke have problemer (Mener jeg da ikke), der er nogen browsere der bare ikke kan vise dem gennemsigtigt, men IE er vist ikke længere en af dem.

Så ved jeg ikke hvad det ellers kan være, beklager :(

Hvis det er dine skygger der skal være gennemsigtige (eller rettere 'delvist gennemsigtige') tror jeg det bliver svært med .png. Gennemsigtighed i billeder går på at "Denne pixel er 100% gennemsigtig" snarere end noget i retning af "50% opacity" som man kan lave det i IE's CSS.

Hej igen

Billeder var bare en test, så det med skyggerne skulle være ligegyldigt.

Lequet > IE 6 var bestemt ikke glad for nogle gennemsigtige PNGer jeg ville bruge til et website, så jeg måtte bruge GIF istedet.

IE5.5+ understøtter ikke .png, sorry :-(

...det jeg mente var, at i IE5.5+ kan man snyde browseren til at få dem til at virke, men ikke i andre browsere...

Du kan få dine png'er til at virke i IE5.5+ på pc, IE5+ på mac og Mozilla ved at smide flg. javascript ind i head:

<script language="javascript">

if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
    document.writeln('<style type="text/css">img { visibility:hidden; } </style>');
    window.attachEvent("onload", fnLoadPngs);
}

function fnLoadPngs() {
    var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
    var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);

    for (var i = document.images.length - 1, img = null; (img = document.images[i]); i--) {
        if (itsAllGood && img.src.match(/\.png$/i) != null) {
            var src = img.src;
            img.style.width = img.width + "px";
            img.style.height = img.height + "px";
            img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')"
            img.src = "blank.gif";
        }
        img.style.visibility = "visible";
    }
}

</script>

...du skal blot sørge for at der ligger en transperant 1x1 pixel gif (blank.gif) i samme mappe som dit dokument...

/mvh
lerchedahl

chanoa > OK, vidste jeg ikke :) Mente kun det var i tidligere versioner der var problemer med gennemsigtige png'er

tak for svaret lerchedahl!

ingen årsag - takker for point :)

Jeg fik tippet om denne tråd fra en medkursist på et online-kursus. Desværre virkede java-scriptet ikke, men der kom en fejlmeddelelse, da jeg kopierede og satte det ind på min hjemmeside i headeren. Jeg kender ikke noget til Java-script. Findes der et tilsvarende i PHP?

I øvrigt ser der ikke ud til at være problemer med at se transparante .png i Opera eller Netscape.