Transparente PNG's i IE6

Alt vedrørende markup og stylesheet. F.eks. Browser bugs and fixes.

Transparente PNG's i IE6

Indlægaf Kim » man 24. mar 2008 13:30

Faldte over en side der beskriver hvordan man kan få IE6 til at vise en PNG-fil som den skal vises, hvis der eksempelvis er transparent baggrund.
Jeg har ikke selv prøvet det, men det gøres ved hjælp af en smule JavaScript.
Hvis det virker er det meget brugbart synes jeg.

http://homepage.ntlworld.com/bobosola/index.htm

Hvis noget tester det af før mig, må i gerne lige sige til om det virker eller ej ;)
Multimediedesigner
Kim Andersen's blog om webudvikling, Google, sociale medier, SEO og Web 2.0
Min profil på Twitter
Brugeravatar
Kim
Administrator
 
Indlæg: 724
Tilmeldt: lør 26. jan 2008 22:08
Geografisk sted: Viby J, Danmark

Re: Transparente PNG's i IE6

Indlægaf icedice » man 24. mar 2008 17:41

Jeg har ikke lige været inde på den side du linker til, men gennemsigtige png i IE6 virker fint nok når man bruger javascript til at lave en alpha-channel...
Brugeravatar
icedice
 
Indlæg: 99
Tilmeldt: tors 28. feb 2008 10:42

Re: Transparente PNG's i IE6

Indlægaf NielsG » man 24. mar 2008 18:47

Jeg er heller aldrig kommet så langt, som til at afprøve det.

Men jeg er ret sikker på, at det er den samme funktionalitet, der bruges i Thickbox og Lightbox til at lave den sorte/gennemsigtige maske over siden, når billederne vises.
Brugeravatar
NielsG
Administrator
 
Indlæg: 2403
Tilmeldt: lør 26. jan 2008 01:33
Geografisk sted: Statsbiblioteket

Re: Transparente PNG's i IE6

Indlægaf Esben » fre 26. sep 2008 10:41

Jeg benytter ofte denne png-implementeringsmetode http://labs.unitinteractive.com/unitpngfix.php
Esben
 
Indlæg: 13
Tilmeldt: tors 25. sep 2008 08:11

Re: Transparente PNG's i IE6

Indlægaf NielsG » fre 26. sep 2008 15:46

Takker. :tup:;)

Det ser meget overskueligt ud.
Brugeravatar
NielsG
Administrator
 
Indlæg: 2403
Tilmeldt: lør 26. jan 2008 01:33
Geografisk sted: Statsbiblioteket

Re: Transparente PNG's i IE6

Indlægaf Brianmanden » fre 26. sep 2008 18:41

Der er flere png-fixes der ude. Mit bud på en god een ser I nedenfor.

Eneste krav for at det virker er at de PNG-filer man ønsker png-fixet udført på skal ende på -trans.png. Eks.: filnavn01-trans.png, etAndetNavn-trans.png etc. etc.

Der er ikke behov for at sætte body onload="nogetScript()" eller andet.

Kode: Vælg alt
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>


Da det er open source behøver det ikke at blive hentet fra Google hver gang da du selvfølgelig har ret til selv at hoste en (lokal) kopi.
Sharing is caring !
Brugeravatar
Brianmanden
Administrator
 
Indlæg: 707
Tilmeldt: ons 3. sep 2008 09:05
Geografisk sted: Vejle, Danmark

Re: Transparente PNG's i IE6

Indlægaf kubus » fre 26. sep 2008 21:34

Tak for et par gode tips. :tup:;)
Brugeravatar
kubus
 
Indlæg: 36
Tilmeldt: fre 25. jul 2008 23:43

Re: Transparente PNG's i IE6

Indlægaf Aaen » lør 27. sep 2008 12:47

Jeg har ikke arbejdet på PNG filer i IE6. Men de metoder som er blevet belyst her ser både overkommelige og smart ud.

Så takker for tippet :tup:
Brugeravatar
Aaen
 
Indlæg: 188
Tilmeldt: tirs 29. jan 2008 16:24

Re: Transparente PNG's i IE6

Indlægaf NielsG » man 29. sep 2008 20:13

Brianmanden skrev:Der er flere png-fixes der ude. Mit bud på en god een ser I nedenfor.

Eneste krav for at det virker er at de PNG-filer man ønsker png-fixet udført på skal ende på -trans.png. Eks.: filnavn01-trans.png, etAndetNavn-trans.png etc. etc.

Der er ikke behov for at sætte body onload="nogetScript()" eller andet.

Kode: Vælg alt
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>


Da det er open source behøver det ikke at blive hentet fra Google hver gang da du selvfølgelig har ret til selv at hoste en (lokal) kopi.


:oops: Jeg har lige lavet både blogindlæg og en ny tråd om et smart JavaScript, som får IE6 til at opføre sig som IE7 på en lang række områder. Blandt andet også mht transparente png's. Ville så lige også smide et link her, men opdagede så til min gru, at det er selvsamme metode du har henvist til Brian.

Ville absolut ikke plagiere dig, men mine indlæg udspringer at vi idag på arbejde havde problemer med at IE6 ikke kan forholde sig til kombinerede classes, men kun tager fat i det sidst tilføjede class. Derfor var dette JavaScript en genial løsning, da det bla. også løser det problem. :dopey:
Brugeravatar
NielsG
Administrator
 
Indlæg: 2403
Tilmeldt: lør 26. jan 2008 01:33
Geografisk sted: Statsbiblioteket

Re: Transparente PNG's i IE6

Indlægaf Brianmanden » tors 16. okt 2008 15:51

[off topic]
@Niels - np m8 ;)

Det ser ud til at vi finder nogenlunde de samme nyheder.
[/offtopic]

Jeg faldt lige over endnu en metode til at ordne de slemme slemme PNG´er. Den her metode har den fordel i forhold til de andre at den osse kan fixe PNG´er der bliver lagt ind som baggrundsbilled med CSS.

http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/
Sharing is caring !
Brugeravatar
Brianmanden
Administrator
 
Indlæg: 707
Tilmeldt: ons 3. sep 2008 09:05
Geografisk sted: Vejle, Danmark

Næste

Tilbage til XHTML og CSS

Hvem er online

Brugere der læser dette forum: Ingen tilmeldte og 1 gæst

cron