hey allemaal

Ik wil graag mijn png transparant hebben in IE

het deel waar het plaatje moet komen:


<td colspan="4" style="padding: 15px; padding-bottom: 0px;" background="img/bg_2.png">


en een javascriptje wat zou meoten werken volgens http://homepage.ntlworld.com/bobosola/


<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   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
         }
      }
   }    
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->


Maar er gebeurd niks, het plaatje blijft zo'n lelijke achtergrond houden...

edit:

de / vergeten in de code tag
helaas werkt niet Kalle,

een voorbeeldje staat op www.chess-web.nl.tp (béta fase)

ik zal het andere topic is gaan lezen

edit:

*zucht*

Forum niet toegankelijk

Dit forum is niet toegankelijk voor jou. Dit omdat je niet de juiste rechten hebt om dit onderdeel van het forum te bekijken.
Tip van Eris: Verdander de 4 in een 5 (cat=5 dus)..
:-)

maar daar staat niks over een transparante png
niemand een idee.

Een hele andere oplossing mag ook i.p.v. mijn script aanpassen, als de png maar transparant is ^_^
Kalle schreef op 22.04.2006 14:56
#transblok {
width: 300px;
margin: 0 50px;
background-color: #fff;
border: 2px solid black;
filter:alpha(opacity=50); /* voor ie transparant*/
opacity: 0.5; /* Voor CSS standaard*/
-moz-opacity:0.5; /* Voor mozilla*/
}

edit: geen trouwens net een topic over:
http://www.phphulp.nl/forum/showtopic.php?cat=4&id=16904&lasttopic=1


zo kan je dit topic wel zien:

http://www.phphulp.nl/forum/showtopic.php?cat=5&id=16904&lasttopic=1

GR. mebus! kweet niet of je er nu wat aan hebt!
@mebus,

wat je hierboven doet is het plaatje op een alpha kanaal van 50% gooien (even afgezien van precieze bedoeling van de starter van het topic). het toffe van png is dat er 32 alpha kanalen inzitten. dit weltranspartant en nietransparant en 32 vormen daartussen. die kun je dan gebruiken voor dingen als glow (ja ook daar is een filter voor.)

Reageren