✔ PNG und IE

[msycho]

Hallo zusammen!

Ist ja nichts neues, dass der IE seine Probleme hat PNG's darzustellen.

Nur, wie kann ich dem Abhilfe schaffen?

Sicherlich wäre die einfachste Lösung ein anderes Format für die Images zu wählen. Allerdings ist es im Prinzip ein Muss, dass manche Images durchsichtig sein müssen. Diese Images zu bearbeiten wäre da zu aufwendig.

Hat jemand von Euch eine Idee?

 

[Maik]

Hi,

schau dir mal IE PNG Alpha Fix Demonstration an.

 

[msycho]

Also das bringt nichts. Ist alles unverändert.

 

[Maik]

Dann wirst du wohl beim Einbau etwas verkehrt gemacht haben, denn das verlinkte Beispiel funktioniert im IE5.5 & 6 einwandfrei.

 

[msycho]

Das ist in das CSS eingebaut:

* { behavior: url(iepngfix.htc) }

Die Datei liegt im selben Verzeichnis wie das CSS.

 

[Maik]

Wenn ich mich recht erinnere, müssen sich die Dateien in dem selben Verzeichnis befinden, wie das HTML-Dokument. Zumindest war das hier schon mal bei einem anderen User der Fall, und die Erkenntnis nach mehrmaligen Testen.

 

[Maik]

Solltest du die PNG-Grafiken als Hintergrundbilder einsetzen, könnte dir auch diese Lösungsvariante weiterhelfen:

<style type="text/css">
div.box {
background-image: url(opacity.png);
}
</style>
<!--[if lt IE 7]>
<style type="text/css">
div.box {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='opacity.png');
}
</style>
<![endif]-->

<div class="box">...</box>

 

[msycho]

Meinst Du nur die HTC-Datei oder auch die CSS-Datei?

 

[Maik]

Ich rede von beiden Dateien

 

[Maik]

Wenn du wegen dem IE deine bestehende "Daten- / Verzeichnisstruktur" verständlicherweise nicht umkrempeln willst, kannst du es auch so umsetzen:

<link rel="stylesheet" type="text/css" href="css/style.css">
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="ie_pngfix.css">
<![endif]-->