Warenkorb
Tipps für Webmaster
Hier finden Sie eine Sammlung von Tipps und Tricks zu verschiedenen Themen, die Webmaster beschäftigen.
PNG-Problem im Internet-Explorer
Was
In der Version bis einschlißelich IE6 hat der Internet Explorer ein Problem mit der Darstellung von PNG-Bildern, die einen Alphakanal enthalten (255-stufige Transparenz)
Standardfix
<img src="test.png" width="247" height="216" style="filter: progid:DXImageTransform.
Microsoft.AlphaImageLoader(src='test.png', sizingMethod='scale');" alt="">
Microsoft.AlphaImageLoader(src='test.png', sizingMethod='scale');" alt="">
ANZEIGE
Bessere Lösung
In Stylesheet einbinden:
img { behavior: url("/png.htc"); }
Datei png.htc im Hauptverzeichnis mit folgendem Inhalt (Dank an geoffalot) erstellen.Dabei muss die Variable spacerImage auf jeden Fall auf ein vorhandenes transparentes GIF verweisen!
<PUBLIC:COMPONENT lightWeight="true">
<PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="filterImage()" />
<SCRIPT LANGUAGE="JScript">
var orignalImage = element.src;
var spacerImage = "/images/space.gif";
var htcCapable = /MSIE ((5\.5)|[6])/.test(navigator.userAgent) && navigator.platform == "Win32";
function filterImage()
{
if(/\.png$/.test(orignalImage)) {
if(htcCapable) {
element.src = spacerImage;
element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + orignalImage + ",sizingMethod='scale')";
}
}
element.style.visibility = 'visible';
}
</SCRIPT>
</PUBLIC:COMPONENT>
Diese Seite bookmarken bei...
