---
title: "Transparant png i IE?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/143605-transparant-png-i-ie"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maqe"
published: "2006-03-08T08:22:42.000Z"
updated: "2006-03-20T12:44:01.000Z"
replies: 8
views: 1027
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/143605-transparant-png-i-ie"
---

# Transparant png i IE?

## #1 — maqe, 2006-03-08T08:22Z

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

Permalänk: https://www.webforum.nu/p/143605

## #2 — zcorpan, 2006-03-08T11:48Z

Du kan använda [alphaimageloader](http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp).

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

Permalänk: https://www.webforum.nu/p/1778331

## #3 — tydal, 2006-03-08T11:51Z

> **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.

Permalänk: https://www.webforum.nu/p/1778334

## #4 — stephan, 2006-03-14T09:10Z

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]-->
```

Permalänk: https://www.webforum.nu/p/1780274

## #5 — nitro2k01, 2006-03-14T09:18Z

> **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](http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html) finns det ett bra sätt, som fungerar sömlöst med IE. (Att sätta src fungerar utmärkt t ex)

Permalänk: https://www.webforum.nu/p/1780283

## #6 — maqe, 2006-03-16T07:45Z

> **nitro2k01 skrev:**
>
> Jo, [här](http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html) 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.

Permalänk: https://www.webforum.nu/p/1784100

## #7 — maqe, 2006-03-16T07:52Z

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

Permalänk: https://www.webforum.nu/p/1784103

## #8 — nitro2k01, 2006-03-16T07:57Z

> **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.

Permalänk: https://www.webforum.nu/p/1784105

## #9 — maqe, 2006-03-20T12:44Z

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

Permalänk: https://www.webforum.nu/p/1785467

---

Tråden på webben: https://www.webforum.nu/amne/html-css/143605-transparant-png-i-ie