Notifikationer

Markér alle som læst Log ud

den-evil Nybegynder

10. april 2006 - 16:31 Der er 6 kommentarer og
2 løsninger

png billeder

Hey alle...
Har et stort problem her. Kan ikke få IE til at vise png billeder korrekt, nok fordi IE ikke understøtter det, men har prøvet at bruge dette:
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

Men kan sq ik få det til at virke! Nogle der kan hjælpe?

Synes godt om

joryje Nybegynder

10. april 2006 - 16:35 #1

Jeg har ikke forstand på HTML og sådan noget, men når jeg skriver alligevel er det fordi jeg undrer mig over dit problem. Jeg bruger IE og hos mig viser den da PNG billeder korrekt...

Synes godt om

den-evil Nybegynder

10. april 2006 - 16:39 #2

Hmm, mit png billede er uden baggrund, men i IE sætter den så en baggrund på hvilket den selvfølgelig ikke skal! men i FF går det fint.

Synes godt om

joryje Nybegynder

10. april 2006 - 16:41 #3

Når du siger den sætter en baggrund på, er det så fordi den viser sidens baggrund eller sætter IE bare en tilfældig baggrundsfarve på? Hvis det er det første kan jeg ikke se andet end at IE viser billedet korrekt, da du jo selv skriver at billedet har en gennemsigtig baggrund.

Synes godt om

den-evil Nybegynder

10. april 2006 - 16:43 #4

den viser bare en tilfældig baggrund farve til at fylde billedet ud med.

Synes godt om

milandt Nybegynder

10. april 2006 - 17:18 #5

Nedenstående burde virke

indsæt i din <head> sektion:



indholdet af pngfix.js:

// Correctly handle PNG transparency in Win IE 5.5 or higher.
// http://homepage.ntlworld.com/bobosola. Updated 02-March-2004

function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;height:" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);

Synes godt om

schwarz84 Nybegynder

10. april 2006 - 17:20 #6

Det er korrekt er der er fejl i IE's understøttelse af transparens for png-billeder. Det bliver rettet i den kommende version.

Der er hjælp at hente på denne side:
http://homepage.ntlworld.com/bobosola/pnghowto.htm

Du skal gemme filen pngfix.js (højreklik på linket) sammen med din side og så indsætte følgende kode i din head-sektion i html-dokumentet:

Hvis der er mange png-billeder på siden, kan det godt tage lidt ekstra tid at vise den med det sker altså kun i Internet Explorer 6 eller ældre...

Synes godt om

schwarz84 Nybegynder

10. april 2006 - 17:22 #7

Slået på stregen ;-)

Brug den html-del jeg foreslår. Den vil gå uden om IE7, hvor problemet er løst.

Synes godt om

milandt Nybegynder

10. april 2006 - 17:51 #8

Det bedste ville nok være at bruge din html del, men stadig teste om der er tale om en version af Internet Explorer der er større eller lig 5.5, idet scriptet alligevel ikke virker i versioner før 5.5

Men idet der allerede i dag der flere der bruger version 7 beta end version 5, så ville det helt klart være smartere at bruge din html del.

Hvis spørger ellers kan bruge ovenstående, så lad os dele points.

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

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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