Avatar billede 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!
Avatar billede doggy82 Praktikant
18. marts 2007 - 19:12 #1
Avatar billede 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 :(
Avatar billede phpbegynder2004 Nybegynder
18. marts 2007 - 19:50 #3
Men er det muligt at gemme billederne i alpha 8 og undgå den hvide kant?
Avatar billede doggy82 Praktikant
18. marts 2007 - 22:02 #4
Øh det virker da fint - se hans demo http://webfx.eae.net/dhtml/pngbehavior/demo.html
Avatar billede 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.
Avatar billede madeindk Nybegynder
18. marts 2007 - 22:11 #6
Avatar billede 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>&nbsp;</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>
Avatar billede doggy82 Praktikant
18. marts 2007 - 22:25 #8
Hmm næ. Men har selv brugt den anden før.
Avatar billede 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.
Avatar billede 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.
Avatar billede 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 :-)
Avatar billede 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>&nbsp;</td>
        <td rowspan="2">&nbsp;</td>
    </tr>
    <tr>
        <td>MENU</td>
    </tr>
</table>

På forhånd tak!
Avatar billede phpbegynder2004 Nybegynder
25. marts 2007 - 14:42 #13
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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

Seneste spørgsmål Seneste aktivitet
I dag 16:10 Tomt felt i Start Af ErikHg i Windows
I går 23:00 Hyperlink til tekst Af Nanarsi i Excel
18/0121:03 Forlænge ringetid Af 1Dorte i Apps til Android
17/0117:38 Video ikoner Af Malm i Windows
17/0117:27 Video ikoner Af logbuilders i Windows