Transparant png i IE?

Du kan använda alphaimageloader.

#foo {
 width:300px;
 height:150px;
 background:url(foo.png);
 _background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="foo.png"; sizingMethod="scale");
}

maqe skrev:

Finns det något bra sätt att använda png bilder med transparens i IE?

Nej, det finns inget bra sätt. Men det ska vara fixat i version 7 av IE, så det är väl bara att vänta.

På alla sajter jag bygger så inkluderar jag det här skriptet på alla sidor så slipper man tänka på om man använder transparens i png eller inte.

<!--[if gte IE 5.5000]>

<script language="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>

<![endif]-->

tydal skrev:

Nej, det finns inget bra sätt. Men det ska vara fixat i version 7 av IE, så det är väl bara att vänta.

Jo, här finns det ett bra sätt, som fungerar sömlöst med IE. (Att sätta src fungerar utmärkt t ex)

nitro2k01 skrev:

Jo, här finns det ett bra sätt, som fungerar sömlöst med IE. (Att sätta src fungerar utmärkt t ex)

IE 5 fungerar det inte med och tyvärr är det ett krav, ned till IE5 och inte javascriptberoende.

Det känns som att detta problem skall man inte ha idag hehe ... Jag har en logga som skall ligga ovanpå en banner och det är omöjligt. Känns som att man är tillbaka på 80-talet

maqe skrev:

Det känns som att detta problem skall man inte ha idag hehe ... Jag har en logga som skall ligga ovanpå en banner och det är omöjligt. Känns som att man är tillbaka på 80-talet

Njaaa, men val 90-talet dock, nar IE5 slapptes. Det gar inte att fa detta att funka i IE5, varken med eller utan javascript.

Okay, då får vi tänka om :) Tack för hjälpen