IE PNG Fix

[n8werk]

Hallo,

normalerweise nutze ich ja nur den Firefox, aber manchmal schau ich mir die Seiten dann doch nochmal im InternetExplorer an...
Wer transparente PNGs auf seinen Seiten nutzt weiß, dass der IE hier Probleme hat. Daher habe ich (keine Ahnung ob's das vielleicht schon gibt) eine kleines Plugin basierend auf der Lösung von Angus Turnbulls IE5.5+ PNG Alpha Fix v1.0RC4 geschrieben. Vielleicht kann's jemand gebrauchen (und testen).

WP IE PNG Fix

Gruß n8werk

[Azubi]

Wäre toll, wenn das auch funktionieren würde, bei

<span style="background: url('http://www.xxx.de/.../xxx.png');"></span>

[n8werk]

Hi Azubi,
könntest mal versuchen in der iepngfix.php die Style-Angaben um "span" zu erweitern.

<style type="text/css">
  img, div, span { behavior: url(<?=IEPNGFIX_URL?>iepngfix.htc) }
</style>

[jLn]

schöne sache dieses plug-in!
habe aber einen 'bug' entdeckt:
wenn das plugin installiert ist lassen sich die background-images nicht mehr wiederholen. denke das liegt aber an der htc-datei.
würde das gerne selbst korrigieren, aber ich hab keinen blassen schimmer von programmierung

würd mich freuen, wenn das problem jemand löst.
der iE6 wird uns webdesigner wohl noch eine weile plagen

grüße

[codestyling]

Zitat von jLn

swürd mich freuen, wenn das problem jemand löst.
der iE6 wird uns webdesigner wohl noch eine weile plagen

Leider ist das der Preis dafür, dass man im IE6 dann transparente PNG's haben kann. Ein background-repeat für transparente PNG's funktioniert mit allen Fix Varianten für den IE6 nicht, das ist ein konzeptionielles IE6 Problem und nicht lösbar!

Der IE7 und höher braucht das nicht und kann dann wieder repeat.

Ich persönlich lass mich nicht (mehr) auf krude Workarrounds für IE6 Kompatibililität ein, denn
1.) kann jeder der ein legal erworbenes Windows (Ausnahme: Win98/NT4) auf den IE7 jederzeit updaten.
2.) gibt es genügend alternative Browser, die es besser können.

Solange ich keinen Shop betreibe, weil meine Seite pro IE6 Benutzer, den ich "vergraule", mehrere € potentiellen Verlust bringt, ist mir die IE6 Landschaft schnurz. Erst wenn es um Geld geht, würde ich evtl. ein paar Änderungen machen, aber verbiegen würde ich mich für ewige Altlasten trotzdem nicht.

[Silencer]

ich habe auf der seite eines sportkollegen dieses gefunden: Transparente PNG im Internet Explorer 6 - David Hellmann - Grafikdesign, Webdesign, Screendesign, (X)HTML, CSS

vielleicht hilft es dem einen oder anderen weiter?

[codestyling]

Zitat von Silencer

vielleicht hilft es dem einen oder anderen weiter?

Das funktioniert im IE6 nur für "einfarbige" transparente PNG's.
Hier der css Ausschnitt aus dem von dir empfohlenen Link:

#trans-box {
    width:600px;
    padding:50px;
    margin:0 auto;
    text-align:left;
    background:url(../grafiken/trans_dark.png) repeat;
    border:5px solid #ddd;
}

/* IE6 CSS */

#trans-box {
    background-image:none;
    background:filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
    (src='grafiken/layout/trans_dark.png', sizingMethod='scale');
}

So, jetzt nehmen wir mal ein transparentes PNG mit 10px mal 10px, welches wiederum in Quadrate zu je 5px Kantenlänge unterteilt ist (4 Stück total).
Das links-oben und rechts-unten bekommt 80% alpha die anderen beiden 50% alpha.

Wenn ich den o.g. Fix für den IE6 anwende, bekomme ich alles gestreckt und meine Kantenlängen sind nicht länger 5px sondern abhängig von der Containergröße. Wenn die Box also 200px mal 200 px ist, sehe ich immer noch nur 4 Teilquadrate jedoch mit Kantenlängen von 100px !!!

Ich wollte aber ein Schachbrettmuster haben, mit Quadraten zu 5px Kantenlänge, was der FireFox oder IE7 auch so macht nur eben IE6 nicht !

Also sind solche Workarounds nicht wirklich hilfreich.