Emancipate Skrevet 21. juni 2007 Del Skrevet 21. juni 2007 Denne koden skal vise et png-bilde med gjennomsiktighet. Problemet er at det gjennomsiktige på png-fila blir svart. Hvordan kan det ordnes? Det trenger bare å fungere i IE. <html><head> <style type="text/css"> .toggleopacity img{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='folder.png') progid:DXImageTransform.Microsoft.Alpha(opacity=50); border: 0px; } .toggleopacity:hover img{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='folder.png') progid:DXImageTransform.Microsoft.Alpha(opacity=100); } </style> </head> <body> <a class="toggleopacity" href="http://www.dynamicdrive.com"> <span class=opa><img src="blank.gif" width=32 height="32"></span></a> <a class="toggleopacity" href="http://www.dynamicdrive.com/style/"> <img src="blank.gif" width="16" height="16"></a> </body> </html> Lenke til kommentar
Anders Moen Skrevet 21. juni 2007 Del Skrevet 21. juni 2007 Den her fungerer. Har selv brukt den Lenke til kommentar
Emancipate Skrevet 21. juni 2007 Forfatter Del Skrevet 21. juni 2007 Den viser bare png med alpha-kanal. Det gjør også koden over hvis man fjerner "progid:DXImageTransform.Microsoft.Alpha(opacity=100);". Men da får jeg ikke den riktige hover-effekten. Lenke til kommentar
Emancipate Skrevet 27. juni 2007 Forfatter Del Skrevet 27. juni 2007 Opacity 8949415[/snapback] Den der er den samme som jeg bruker over. Den fungerer for å gi hover-effekten, men den virker ikke sammen med koden som viser en gjennomsiktig png-fil. Lenke til kommentar
T0mmy Skrevet 27. juni 2007 Del Skrevet 27. juni 2007 Jeg bruker denne, som fungerer helt fint. Alt du trenger er fila "pngbehavior.htc", "blank.gif" og følgende tekst i css/style: img { behavior: url("pngbehavior.htc"); } Husk riktig url i både css fila, og i htc-fila. Lenke til kommentar
Emancipate Skrevet 28. juni 2007 Forfatter Del Skrevet 28. juni 2007 Jeg bruker denne, som fungerer helt fint. Alt du trenger er fila "pngbehavior.htc", "blank.gif" og følgende tekst i css/style: img { behavior: url("pngbehavior.htc"); } Husk riktig url i både css fila, og i htc-fila. 8959128[/snapback] Den der er den samme som jeg bruker, og den virker ikke sammen med opacity... Lenke til kommentar
Anbefalte innlegg
Opprett en konto eller logg inn for å kommentere
Du må være et medlem for å kunne skrive en kommentar
Opprett konto
Det er enkelt å melde seg inn for å starte en ny konto!
Start en kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå