Fundstücke mk am 13. März 2007 08:30 pm
PNG Alpha-Transparency im IE6 und IE5.5
Firefox hat mit Alpha-Transparenz in PNG-Grafiken keine Probleme, bei Microsoft hat man endlich dazugelernt und der IE7 stellt transparente PNGs jetzt auch endlich so dar, wie es sein soll. Allerdings sind viele immer noch mit älteren Browsern unterwegs; will man trotzdem als Webdesigner nicht auf transparente PNGs verzichten, bietet sich ein netter Fix an:
The easiest way to PNG support in IE6
Und voilà, kein Problem mehr unter IE6 und IE5.5 .
Mit einer kleinen Änderung funktioniert das Ganze auch mit (Edit: sich wiederholenden(!)) Bildern im Hintergrund: In der iepngfix.htc muss nur die Zeile
else if (s) style.filter = ‘progid:’+f+’(src=”‘+s+’” mce_src=”‘+s+’” ,sizingMethod=”‘+m+’”)’;
durch
else if (s) style.filter = ‘progid:’+f+’(src=”‘+s+’” mce_src=”‘+s+’” ,sizingMethod=”scale”)’;
ersetzt werden. (Hinweis von Jonny/crownproductions)
An dieser Stelle herzlichen Dank an Angus Turnbull, der das Script IE PNG Fix entwickelt hat.
am 26. März 2007 um 05:49 1. Angus hat geschrieben:
Thanks for the link!
However sizingMethod=”scale” does not fix the background repeat problem at all, the default is to make the PNG background images no-repeat which is compatible across all browsers.
am 29. März 2007 um 15:35 2. mk hat geschrieben:
Hi Angus,
thanks for your reply, glad you found your way here! :) Although I have to say that “fix” did it for me, even on older IE versions. The problem was precisely that I needed transparency and repeating background images to work at the same time, so setting the PNG on no-repeat would mean another problem.
am 29. März 2007 um 15:52 3. mk hat geschrieben:
I’ve edited my post. :)