---
title: "opacitet mha png"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/171309-opacitet-mha-png"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Type"
published: "2008-05-07T13:21:21.000Z"
updated: "2008-05-07T20:27:14.000Z"
replies: 12
views: 742
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/171309-opacitet-mha-png"
---

# opacitet mha png

## #1 — Type, 2008-05-07T13:21Z

Hej
Jag har försökt länge nu att få png-bilder att funka i IE (5 och uppåt).

Jag är medveten att transparenta png-bilder i sig inte funkar men man borde ju kunna använda någon speciallösning.

Jag har inte hittat någon här som funkar för mig. Kan någon hjälpa mig som har löst problemet? Jag är tacksam om jag får svar snabbt, för det börjar närma sig deadline nu ;)

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

## #2 — visslaren, 2008-05-07T13:24Z

Denna lösning fungerar;
<http://www.webforum.nu/showthread.php?p=1344377#post1344377>

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

## #3 — Type, 2008-05-07T13:30Z

För mig funkar det inte alls.

Testar tex i IE6.
<http://boofolketshus.se/wordpress/>

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

## #4 — headbug, 2008-05-07T14:04Z

Vad funkar inte alls? 

Har du laddat ner filen "iepngfix.htc" och lagt den i samma folder som dina css-filer. För jag ser ingen 

```
 #content, #leftmenu {behavior: url(iepngfix.htc);}
```

heller?!

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

## #5 — Type, 2008-05-07T14:06Z

min tanke är att den ska ligga i filen ie.css.... Gör den inte det? nu är det ruskigt struligt...

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

## #6 — Type, 2008-05-07T14:10Z

Jag har lagt in 

```
#content{
	background:url('images/back.png');
	/*height: expression( this.scrollHeight > 600 ? "600px" : "auto" ); /* sets max-height for IE */
	behavior: url(iepngfix.htc);
}
```

 ... i ie.css.

Den inkluderas via 

```
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/ie.css" type="text/css" /><![endif]-->
```

Filen ligger i samma mapp som css-filerna.

Jag gjorde ett test också o där funkade det fint... så felet måste ligga någonstans i wordpressen....
<http://www.boofolketshus.se/wordpress/wp-content/themes/boofolketshus/test.html>

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

## #7 — headbug, 2008-05-07T14:13Z

> **Type skrev:**
>
> min tanke är att den ska ligga i filen ie.css.... Gör den inte det? nu är det ruskigt struligt...

Oj, nu gjorde jag bort mig :) Jag inspectar med FF och då blir jag ju inte serverad den specifika css-filen. Där låg den ja och det funkar inte, det är ju tydligt. Jag har fått det att fungera men det var inga problem så jag har inga tips på vad som kan ha gått snett heller :(

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

## #8 — Type, 2008-05-07T14:14Z

Nu funkade det. Om jag satte 

```
 style="behavior: url(<?php bloginfo('template_url'); ?>/iepngfix.htc);"
```

 direkt på div-taggen funkade det. Det måste helt enkelt vara något knas med ie-cssfilen.

Aja, det funkar ju. tack för hjälpen

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

## #9 — headbug, 2008-05-07T14:20Z

Det finns ett lite äldre hack som jag använt med framgång här: 

<http://www.alistapart.com/stories/pngopacity/>

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

## #10 — headbug, 2008-05-07T14:21Z

> **Type skrev:**
>
> Nu funkade det. Om jag satte 
>
> ```
>  style="behavior: url(<?php bloginfo('template_url'); ?>/iepngfix.htc);"
> ```
>
>  direkt på div-taggen funkade det. Det måste helt enkelt vara något knas med ie-cssfilen.
> 
> Aja, det funkar ju. tack för hjälpen

Grymt! Bra jobbat :)

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

## #11 — Type, 2008-05-07T14:32Z

det verkar inte ha funkat något vidare trots allt.

Jag gör så här istället så funkar det perfa:

```
<!--[if IE 6]>
		<style>
				#leftmenu, #content{
					background:transparent !important;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="<?php bloginfo('template_url'); ?>/images/back.png",sizingMethod="scale");
					}
		</style>	
		<![endif]-->
```

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

## #12 — Type, 2008-05-07T14:36Z

Näe, det funkade inte heller... Länkar funkar inte när man gör på det här sättet.... Jädra skit alltså. Inget verkar fungera ju.

/red
Jag tar o ger upp :( iaf för den här gången...

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

## #13 — Jesper T, 2008-05-07T20:27Z

Denna tycker jag är klockren:

```
<!--[if lt IE 7.]>
         <style type="text/css" media="projection, screen">
            * html img {
                background-image: expression(
                    this.runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + this.src + '", sizingMethod="image")',
                    this.runtimeStyle.backgroundImage = 'none',
                    this.src = 'blank.gif'
                );
            }
        </style>
    <![endif]-->
```

*blank.gif* är en 1x1px liten transparent pixel.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/171309-opacitet-mha-png