Notifikationer

Markér alle som læst Log ud

phpbegynder2004 Nybegynder

18. marts 2007 - 19:04 Der er 12 kommentarer og
1 løsning

Transparent png

Hej,

Jeg har store problemer med at få png til at vise transparent.
Det virker fint i både IE7 og Firefox, men allerede i IE6 er den gal.

I kan se siden her
http://ingelouv.dk/png-sjov/
(eller downloade den: http://ingelouv.dk/png-sjov/png-sjov.zip)

Det drejer sig om de runde hjørner og topbaren. De er gemt med alpha channel 24.
Hvis jeg gemmer dem i alpha channel 8 vises de nogenlunde i IE6, men der fremkommer en grim hvid kant, hvor der skulle være transparent. Og det gælder for både IE7, IE6 og Firefox.

Har prøvet med noget pngHack, men det har ikke rigtig hjulpet.

Jeg har siddet hele weekend og bakset med at få det til at virke. Håber virkelig der er nogen af Jer, der kan hjælpe.

På forhånd tak!

Synes godt om

doggy82 Praktikant

18. marts 2007 - 19:12 #1

Se her :)
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

Synes godt om

phpbegynder2004 Nybegynder

18. marts 2007 - 19:22 #2

Tror jeg har prøvet den :(

"This format can have an 8 bit alpha channel which allows the images to be semi transparent."

Så den vil nok ikke virke til alpha 24 :(

Synes godt om

phpbegynder2004 Nybegynder

18. marts 2007 - 19:50 #3

Men er det muligt at gemme billederne i alpha 8 og undgå den hvide kant?

Synes godt om

doggy82 Praktikant

18. marts 2007 - 22:02 #4

Øh det virker da fint - se hans demo http://webfx.eae.net/dhtml/pngbehavior/demo.html

Synes godt om

doggy82 Praktikant

18. marts 2007 - 22:04 #5

Tror du misforstår noget - du skal gemme som png 24-bit.
De 8 bit han nævner er alene til alpha-kanalen.

Synes godt om

madeindk Nybegynder

18. marts 2007 - 22:11 #6

Kender du denne her: http://homepage.ntlworld.com/bobosola/pnghowto.htm

Synes godt om

phpbegynder2004 Nybegynder

18. marts 2007 - 22:25 #7

Okay, du har nok ret. Men det virker stadig ikke (den viser blot baggrundsbilledet):

<html>

<head>
<style type="text/css">

img {
behavior: url("pngbehavior.htc");
}

</style>
</head>

<body bgcolor="#EDEDED">
<table cellspacing="0" cellpadding="0" border="0" style="background: url(toptak.png)" width="750" height="100">
<tr>
<td width="11" height="11">
<img src="blank.gif" style="width: 11px; height: 11px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borders/tl.png', sizingMethod='scale')" />
</td>
<td width="100%" height="11">
<img src="blank.gif" style="width: 11px; height: 11px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borders/t.png', sizingMethod='scale')" />
</td>
<td width="11" height="11">
<img src="blank.gif" style="width: 11px; height: 11px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borders/tr.png', sizingMethod='scale')" />
</td>
</tr>
<tr>
<td width="11">
<img src="blank.gif" style="width: 11px; height: 11px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borders/l.png', sizingMethod='scale')" />
</td>
<td valign=top> </td>
<td width="11">
<img src="blank.gif" style="width: 11px; height: 11px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borders/r.png', sizingMethod='scale')" />
</td>
</tr>
<tr>
<td width="11" height="11">
<img src="blank.gif" style="width: 11px; height: 11px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borders/bl.png', sizingMethod='scale')" />

</td>
<td width="100%" height="11">
<img src="blank.gif" style="width: 11px; height: 11px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borders/b.png', sizingMethod='scale')" />
</td>
<td width="11" height="11">
<img src="blank.gif" style="width: 11px; height: 11px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borders/br.png', sizingMethod='scale')" />
</td>
</tr>
</table>

</body>
</html>

Synes godt om

doggy82 Praktikant

18. marts 2007 - 22:25 #8

Hmm næ. Men har selv brugt den anden før.

Synes godt om

phpbegynder2004 Nybegynder

18. marts 2007 - 22:31 #9

madeindk-> Den kender jeg godt! Den har jeg før brugt med stor succes, men kan ikke få den til at virke med den kode jeg bruger nu. Det kan godt være jeg implementerer den helt forkert, og derfor ville det være rart hvis I kunne vise mig hvordan jeg skal gøre.

Synes godt om

phpbegynder2004 Nybegynder

18. marts 2007 - 22:32 #10

* Hvis du går ind på linket oppe i mit spm. vil du se, at det faktisk er den jeg bruger i øjeblikket.

Synes godt om

madeindk Nybegynder

19. marts 2007 - 00:14 #11

Ok, har bare ikke gidet at downloade din pngHack.js fil ned - så vidste ikke om det var det samme som pngFix.js :-)

Synes godt om

phpbegynder2004 Nybegynder

21. marts 2007 - 00:46 #12

Okay, jeg bullerkoger. pngHack er ikke det samme som pngFix. Sorry. Jeg har dog prøvet den tidligere, og har netop prøvet den igen - stadig uden held.

Jeg vil gerne prøve at starte forfra - fordi jeg ved godt, at de scripts i har foreslået fungerer glimrende. Men de virker blot ikke til den kode jeg har (muligvis fordi jeg har skrevet det forkert).
Derfor postede jeg min kode, så i måske kunne påpege hvori fejlen lå.

Nu vil gerne prøve at starte forfra. Hvis jeg ænsker runde hjørner på nedenstående tabel, hvad gør jeg så?

<table width="100%" height="100px" style="background-image:url('top.png'); background-repeat:no-repeat">
<tr>
<td height=80px> </td>
<td rowspan="2"> </td>
</tr>
<tr>
<td>MENU</td>
</tr>
</table>

På forhånd tak!

Synes godt om

phpbegynder2004 Nybegynder

25. marts 2007 - 14:42 #13

http://www.eksperten.dk/spm/769951

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Se alle it-kurser fra Computerworld Kurser

IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Se alle it-kurser

Flere spørgsmål fra Billedbehandling kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Scanne 3000 billeder ind Af lurup i Billedbehandling	4	13/01/202623:07	15/01/202613:31
jpg til jpeg Af Nysum i Billedbehandling	5	07/01/202618:18	09/01/202607:32
Hvorfor bliver tiff-filer større ved konvertering til samme format Af KurtG i Billedbehandling	13	26/12/202513:05	02/01/202611:10
Import a billeder fr Iphone Af Malm i Billedbehandling	3	16/12/202509:51	16/12/202511:38
Kopiere/RIP DVD film Af clausito i Billedbehandling	10	04/12/202518:44	09/01/202617:50

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS