---
title: "png och IE-hack"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/160895-png-och-ie-hack"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "symbolism"
published: "2007-05-29T15:12:28.000Z"
updated: "2007-06-03T16:55:16.000Z"
replies: 14
views: 697
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/160895-png-och-ie-hack"
---

# png och IE-hack

## #1 — symbolism, 2007-05-29T15:12Z

Hejsan!

Jag har nu "installerat" IE hacket för två PNG bilder på 
<http://www.gurkean.com/course/lekt2.shtml>

Det verkar funka bra i IE 7, dock vet jag inte omd et funkar i IE 6. 

Tråkigt nog verkar det inte fungera i FireFox, och det är synd. Knakse man kan lösa dfe tmed någon scriptlösning som visar vanliga PNG-bilden när FireFox används som läsare och den filtrade bilden när IE är läsaren.

Nån som har något förslag?

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

## #2 — voigtann1, 2007-05-29T15:49Z

IE7 har png support redan, samma för Firefox... så något konstigt har du nog gjort :P

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

## #3 — symbolism, 2007-05-29T15:59Z

nej IE7 har ingen bra PNG-support=/. du ser inegt fel i källlkoden? jag kör hack med HTC-fil och hacket ligger direkt på bilden

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

## #4 — andyoumaydie, 2007-05-29T16:33Z

I ie7, firefox och opera fungerar png problemfritt hos mig.
Dvs om jag kollar direkt på dina bilder t ex Kursen-bilden så fungerar det.
<http://www.gurkean.com/course/kursen.png>

På din sida syns det dock inga bilder, där Grunder- o Kursen-bilderna skulle vart i opera eller firefox. Så det är nog nåt galet i din hack.

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

## #5 — Quid, 2007-05-29T16:36Z

png funkar perfa i IE7 här också.

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

## #6 — symbolism, 2007-05-29T16:51Z

sheisse. kollar igenom hacket igen å återkemmer om jag inte hittar nåt alls som kan vara fel

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

## #7 — symbolism, 2007-05-29T16:59Z

hmmm... tog bort hacket och nu verkar det ju funka bra.... men jag har fortfarande "behavior"  hacket kvar... äre nån som sitter på IE6 som kan säga hur det ser ut där?

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

## #8 — Adestro, 2007-05-29T17:39Z

Så här ser det ut i IE6. Ser ut som att du även får pilla lite med float och clear för att IE6 ska bli glad. :)

Rekommenderar detta för att se hur sidor ser ut i olika version av IE:
<http://tredosoft.com/Multiple_IE>

Bilagor:

- [screen.JPG](https://www.webforum.nu/a/14803.jpg)

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

## #9 — symbolism, 2007-05-29T20:08Z

jo... eller absoluta bilderna... men det e ju fan att jag inte kan få rätt på PNG fixet=/

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

## #10 — Adestro, 2007-05-30T09:56Z

Varför inte bara köra med transparenta GIF's tillsvidare, ödslar du all energi på det där kommer du lessna...

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

## #11 — symbolism, 2007-05-30T13:10Z

kanske vore en bra idé...

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

## #12 — annaica, 2007-05-31T07:30Z

Eftersom du inte kör med toning sven-allan så tror jag gif är absolut smidigast.

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

## #13 — symbolism, 2007-05-31T12:23Z

sven-allan?

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

## #14 — Danne V, 2007-05-31T13:14Z

giffar är inte fel. Dom blir ofta ganska klara i färgerna tack vare att dom inte har fler än 256. Men ibland räcker inte färgerna, t.ex. vid toningar. Om man då struntar i IE4 och andra icke DOM-läsare, så kan man enkelt lägga in ett skript som heter "sleight.js" i sajten:

```
if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
	document.writeln('<style type="text/css">img { visibility:hidden; } </style>');
	window.attachEvent("onload", fnLoadPngs);
}

function fnLoadPngs() {
	var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
	var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);

	for (var i = document.images.length - 1, img = null; (img = document.images[i]); i--) {
		if (itsAllGood && img.src.match(/\.png$/i) != null) {
			var src = img.src;
			var div = document.createElement("DIV");
			div.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizing='scale')"
			div.style.width = img.width + "px";
			div.style.height = img.height + "px";
			img.replaceNode(div);
		}
		img.style.visibility = "visible";
	}
}
```

åsså länkar man bara till det i \<head\>:

```
<script type="text/javascript" src="/resources/javascript/sleight.js"></script>
```

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

## #15 — symbolism, 2007-06-03T16:55Z

ska kika på de olika lösningarna. Tack för all hjälp!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/160895-png-och-ie-hack