---
title: "Png Transparans"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/140754-png-transparans"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "flumpa"
published: "2006-01-12T20:40:04.000Z"
updated: "2006-02-09T11:02:22.000Z"
replies: 8
views: 594
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/140754-png-transparans"
---

# Png Transparans

## #1 — flumpa, 2006-01-12T20:40Z

Hej

Nu är jag på djupt vatten igen

Jag har en bakrundbild transparant Png runt min table hemsida.
Så mitt problem är att jag skulle vilja att transparansen fungerar i IE.

<http://www.gaspop.com/flumpa/Index.html> 

Hittade lite anvisningar om hur man ska göra det när jag sökte här på webforum.

Man ska tydligen skriva så här:

> \<img src="blank.gif" style="width: 100px; height: 100px; filter:
> progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale')" /\>

Men hur gör jag om jag vill få in den i den här classen?

> .botten{
> background: url(hud/trans_botten.png) repeat-x; width: 800px; height: 15px; }

 

Tack på förhand

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

## #2 — Insider, 2006-01-12T23:38Z

Det kan vara så att egenskapen bara fungerar på \<IMG\> och inte på bakgrundsbilder. Här är i alla fall mer läsning.
<http://www.google.com/search?q=filter+css+png+transparent&start=0&ie=utf-8&oe=utf-8&client=firefox-a&rls=org.mozilla:en-US:official>
(dom två första träffarna)

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

## #3 — flumpa, 2006-01-13T11:59Z

Det värkar som om det ska gå, 
hittade den här sidan. 

Problemet är att jag vet inte riktigt hur jag använder mig av det
<http://www.webmasterworld.com/forum83/7828.htm>

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

## #4 — flumpa, 2006-01-13T12:06Z

Föresten finns det något annat sätt att faka skugan som jag vill ha runt sidan?

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

## #5 — flumpa, 2006-01-13T12:42Z

Hittade även wn andra sida som värkar lovande. 
Samma där, förstår inte riktigt hur jag använder mig av de.

<http://www.hintzmann.dk/testcenter/css/png/index2.html>

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

## #6 — flumpa, 2006-01-13T16:31Z

jag löste de så jag behöver ingen hjälp

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

## #7 — learn, 2006-01-19T20:26Z

Ok, men hur löste du det...?

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

## #8 — pimpN, 2006-01-21T02:32Z

**1\. Skapa en Internet Explorer-specifik CSS-fil vid namn** url(style.css) all

@import url(style.css);

.botten {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='hud/trans_botten.png', sizingMethod='scale');
}

**2\. Lägg till följande i din vanliga CSS-fil som har namnet** style.css

.botten { background: url(hud/trans_botten.png) repeat-x; width: 800px; height: 15px; }

// Oliver Olofsson

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

## #9 — stephan, 2006-02-09T11:02Z

Jag vet inte om detta biter på bakgrundsbilder men ett annat sätt är att låta IE rita om bilderna när sidan laddat klart. Detta var en smidig lösning för mig eftersom jag automatiskt inkluderar denna kod i alla ny sidor, så nu behöver jag inte tänka på om jag använder png-transparens nånstans.

```
<!--[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/1762702

---

Tråden på webben: https://www.webforum.nu/amne/html-css/140754-png-transparans