Gå til innhold

PNG filer som ikke leses skikkelig i IE

Kannutt

Anbefalte innlegg

Kannutt

Kannutt

Skrevet
Skrevet

Hei!

 

Bruker noen png filer i header og har et par logofiler i samme format. Disse herper til litt i IE. Har et js som skal fikse dette i IE, men det funker ikke helt som det skal. på enkelte maskiner klarer ikke IE å bli ferdig å laste, og dermed fungerer ikke menyene mine som de skal.

Noen som har hatt liknende problem, eller noen som har et js som fungerer skikkelig på dette?

 

Takker for alle hjelp, for her er jeg helt blank!!

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Kannutt

Kannutt

Skrevet
  • Forfatter
Skrevet

Hei igjen!

 

Takker for svar! PNG virker i IE, dersom du legger ved et js som forteller IE hvordan det skal vises. Og ja, det er PNG-filer med gjennomsiktighet som e problemet. Gif er ikke et alternativ, da kanter og skygger ikke blir spes bra som gif filer.

Her er det som kaller på scriptet i headeren:

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

 

Her er sciptet:

/*

Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.

Use in <HEAD> with DEFER keyword wrapped in conditional comments:
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

*/

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (document.body.filters)) 
{
  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;" + 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
     }
  }
}

Håper noen kan hjelpe, for dette funger bare delvis, og slett ikke på alle maskiner, eller i alle versjoner av IE.

Lenke til kommentar
Kannutt

Kannutt

Skrevet
  • Forfatter
Skrevet

Takk for hjelp!

Men sciptet på siden du referete til var identisk med det jeg har, og det fungerer altså ikke helt som det skal.....

Siden blir ofte "hengene", og klarer ikke å laste ferdig. Filene vises som de skal, men pga at siden driver å laster, fungerer ikke "drop-down" menyer på siden som de skal.

Ganske frustrerende! :hrm:

Lenke til kommentar
DarkSlayer

DarkSlayer

Skrevet
Skrevet
@ DarkSlayer: IE < 7 støtter ikke 24 bits alphatransparent PNG

 

7679518[/snapback]

 

Joa det vet jeg, men det ble kommentert som at png ikke funker i det hele tatt med mindre man brukte et js, og det er feil. Man må ikke ha et js for å få png til å funke på generellt plan. Men spørsmålet blir jo da om png bildene skal være transparange da. For hvis man ikke trenger transparange bilder, så er det jo bare å fikse bildene istedet for å tulle med js.

 

Fjern transparang i .png - med mindre det er nødvendig. Evt, test med å bruke andre format for å få bekreftet at det er .png formatet som lager feil. Jeg skjønner at det er js i bildet her. Kanskje den tuller??

Lenke til kommentar
DarkSlayer

DarkSlayer

Skrevet
Skrevet

Er det slik at noen IE6 funker og andre IE6 ikke funker? Eller er problemet likt overalt? Uansett browser? er js enablet?

 

Har du sjekka sia som var linka over? For der beskriver de noen andre varianter av skriptet. Det står jo også om visse problemer som kan oppstå der.

 

Ellers så har jeg lite å komme med desverre.

Lenke til kommentar
Kannutt

Kannutt

Skrevet
  • Forfatter
Skrevet (endret)

Ganske tilfeldig når det virker i IE, og når det ikke fungerer. Klarer å lese sciptet noen ganger, andre ganger ikke. Problemer er likt overalt. Opera og FF har ikke noen problemer med det, de trenger nemlig ikke sciptet for å vis PNG-filene riktig. Har sjekket linken over, og forsøkt i alle varianter....

Endret av Kannutt
Lenke til kommentar

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 konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...