Avatar billede dotcom1 Nybegynder
12. november 2005 - 16:51 Der er 1 kommentar og
1 løsning

Transparente .png i Internet Explorer

Jeg har brug for at kunne bruge billeder/ikoner i .png-format - nogle af dem transparente. Det er IE ikke glad for (- det virker i f.eks. FF) - så jeg har fundet dette script, som løser problemet:

<script language="JavaScript" type="text/javascript">
<!--
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
  {
  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
        }
      }
  }
window.attachEvent("onload", correctPNG);
-->
</script>

Scriptet virker, men problemet er, at billederne ligesom strækkes i højden IE. Hvorfor? Og kan det fixes?

Mvh.
Avatar billede dotcom1 Nybegynder
12. november 2005 - 17:19 #1
Med sizingMethod='crop' rykkes png'erne lidt opad og med 'image' lidt nedad i forhold til hvor de skal være. Kan man tilføje noget i scriptet, så de bliver på plads?
Avatar billede dotcom1 Nybegynder
14. november 2005 - 15:15 #2
Finder på noget andet. :)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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