Ihr scheint da etwas mehr Ahnung zu haben als meine Wenigkeit ;) Vielleicht könnt ihr mir helfen:
Auch meine Seiten benutzen teilweise (halb-)transparente PNGs, am schlimmsten ist es jedoch auf der “VdM”-Seite (Video des Monats). Da ich selbst den Firefox nutze, habe ich diesen auch für die Seitenerstellung genutzt. Jetzt wurde ich jedoch auf dieses Manko hingewiesen: Beim Video-Rahmen fehlt oben & unten die komplette Grafik (Umrandung).
Habt ihr vielleicht eine Lösung, ohne dass ich die gesamten Seiten neu schreiben muss :(
Mit besten Grüßen / Ic3m4n
]]>all.css –> für alle Browser
ie.css –> nur für den Internet-Explorer
ie.css überschreibt all.css oder fügt abweichende Formatierungen hinzu.
]]>layer-background-image:filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”/_images/85.png”, sizingMethod = ‘scale’);
statt
layer-background-image:url(“/_images/85.png”);
Die Weiche sieht so aus:
if (navigator.appName.indexOf(“Explorer”) != -1) {
document.writeln (‘
‘);
} else {
document.writeln (‘
‘);
}
Hierbei ist zu beachten, dass der Filter für die transparenten Grafiken nur bestimmte Größen umrechnet. Sollte die Grafik falsch dimensioniert sein, sind Links auf den Grafiken nicht mehr anklickbar. Das ist ein Rendering-Fehler des IE. Probiert also verschiedene Formate aus, falls ihr auf dieses Link-Problem stösst.
Um statische Grafiken zu rendern, kann einfach ein Javascript eingesetzt werden, das alle img-Tags durch den Filter erweitert:
]]>