Avatar billede webudvikleren Nybegynder
06. december 2006 - 18:31 Der er 15 kommentarer og
1 løsning

PNG vises ikke korrekt i ie 6.0 men fint i firefox og ie 7.0

Hejsa Eksperter :-)
- jeg sidder med et stort problem, som en af mine venner lige fortalte mig.

Jeg fandt så frem til at det er mine PNG filer, der ikke vises ordenligt i Internet explorer 6.0 - men det virker fint i internet explorer 7.0 og mozilla firefox.

Mine PNG filer, skal have en transparent baggrund, og når jeg gør det gemmer jeg dem som "Save for Web" i photoshop, og sætter hak i "Transparency" og Preset: PNG-24 også "Save"-knappen.

Jeg har prøvet at søge på google efter det, og fandt frem til et script - men min ven siger stadigvæk der er fejl.

Hvad gør jeg forkert?

URL:
http://jaykay.dk/friendz/ ( fejlen ses i IE 6)
-- bagefter se da at fejlen ikke findes i FF og IE 7.0

På forhånd tak - håber virkelig i ka' hjælpe! :)
Avatar billede helmet Nybegynder
06. december 2006 - 18:46 #1
Har lige siddet og rodet med noget lignende, og så vidt jeg kan se ligner det du har brugt meget det som jeg anvendte, skal ikke kunne sige om de små forskelle er årsagen til at det lykkedes for mig, men du kan i hvert fald se det script jeg anvender her.
http://homepage.ntlworld.com/bobosola/
Avatar billede webudvikleren Nybegynder
06. december 2006 - 18:47 #2
Bruger det samme - se eventuelt kildekoden på siden :-)

Fungere stadig ikke i ie 6.0
Avatar billede helmet Nybegynder
06. december 2006 - 18:51 #3
Den er ikke helt maget til, har lige siddet og kigget i den ;)
Avatar billede webudvikleren Nybegynder
06. december 2006 - 19:16 #4
Jeg gider da ikke til at sætte height="..." og width="..." på mine billeder og lave en onload funktion hver gang.

Desuden er det heller ikke i <img>'s, jeg har dem som baggrund i <div>'s :-)
Avatar billede helmet Nybegynder
06. december 2006 - 19:20 #5
Ok, ja det kunne jeg heller ikke få til og virke. Så måtte bruge et <img> tag :(
Må hellere følge med her om den endelige svar kommer så... ;)
Avatar billede helmet Nybegynder
06. december 2006 - 20:17 #6
Efter lidt yderligere googling faldt jeg over følgende, har ikke lige fået afprøvet det endnu, men det kunne være noget
http://allinthehead.com/retro/69
Avatar billede mcgoat Nybegynder
06. december 2006 - 20:22 #7
<body style="background-image: url(find.small.png)">
<img src="xheart.png" style="width: 100px; height: 100px;" />
<script>
if(navigator.userAgent.toLowerCase().indexOf('msie')>0){ // detect for IE (could be more specific to PC and version, but this works for the test)
    is = document.getElementsByTagName('IMG'); // get all images
    for(x=0; x<is.length; x++){ // cycle through those images
        if(is[x].src.indexOf('.png')){ // only do this to png files
            is[x].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+is[x].src+"', sizingMethod='scale')"; // apply the filter stuff that makes IE do it's magic
            is[x].src = "z.gif"; // replace the image with a clear gif so that the filter can show through
        }
    }
}
</script>

http://zelph.com/experiments/iePngTransparency.html

noget der kunne bruges?
Avatar billede webudvikleren Nybegynder
06. december 2006 - 21:29 #8
Damn, mcgoat - det virker!

Helmet - kan ikke se siden, den er for langsom.

Smider du svar mcgoat?
Avatar billede webudvikleren Nybegynder
06. december 2006 - 21:34 #9
Eller nææh.. det virker ikke!
Avatar billede webudvikleren Nybegynder
06. december 2006 - 21:41 #10
Det fordi jeg har dem som background-images!
Så må jeg jo til at få dem væk!

vender tilbage med svar
Avatar billede webudvikleren Nybegynder
06. december 2006 - 21:44 #11
Næh, til mit formål kan jeg ikke bare bruge <img>'s.

Nu har jeg lavet et check om man har IE 6. Har man det viser den en css-fil som er beregnet til ie 6.

Jeg gør følgende;
#Shadow {
width:25px;
position:absolute;
top:0px;left:928px;
background-image:url("Shadow.png");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Shadow.png', sizingMethod='scale');
}

Skulle det ikke fungere rigtigt? - eller er det kun til img-tags og ikke som baggrundsbillede?
Avatar billede webudvikleren Nybegynder
06. december 2006 - 22:12 #12
Fik rettet det sidste - ved ikke lige hvem der skal have points her! Dem der vil have, I smider svar!
Avatar billede mcgoat Nybegynder
08. december 2006 - 09:35 #13
skal ikke have noget :)
Avatar billede olebole Juniormester
08. december 2006 - 09:56 #14
<ole>

- og så understøtter IE6 jo fint PNG8 - det er kun PNG24, der først understøttes fuldt i IE7. Skal du ikke bruge semitransparens, kan du således sagtens bruge PNG8 uden nogen krumspring  =)

/mvh
</bole>
Avatar billede olebole Juniormester
08. december 2006 - 09:57 #15
PS: PNG8 understøtter transparens på samme måde som GIF  ;o)
Avatar billede webudvikleren Nybegynder
18. december 2006 - 20:00 #16
Lukke tid så
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester