2009-05-19 2 views
0

Ich versuche, ein .png Hintergrundbild in ie6 nach einem mootools onclick Ereignis zu rendern, welches das Hintergrundbild eines Logo div ändert.ie6 background image png AlphaImageLoader Problem nach dem Laden mit mootools 1.11

hier ist der entsprechende Code, da es nur jetzt-

if(!window.ie6){ 
    $('logo').setStyle('background-image', imagePath); 
}else{ 
    $('logo').setStyles({ 
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+imagePath+")" 
    }); 
} 

dies aus irgendeinem Grund ist, nicht mehr zu funktionieren scheint! Das Event wird aufgerufen und funktioniert für alle anderen Browser einwandfrei, aber das Logo ist leer, wenn es in ie6 läuft.

Wenn jemand etwas Licht darauf werfen könnte, oder irgendwelche Ideen hat, wäre ich sehr verpflichtet.

Cheers, Peter

+0

imagePath ist der absolute Pfad? Damit der Filter funktioniert, muss das src etwas wie http://yourdomain.com/images/yourimage.png sein – seanmonstar

Antwort

1

haben Sie Ihre PNG als PNG8 stattdessen versucht zu retten? Auf diese Weise können Sie IE6 elegant handhaben. speichert alle diese Alpha-Last Hassel.

Weitere, warum nicht versuchen, Ihre CSS in bedingten Stylesheets schreiben und ändern Sie einfach die Klasse (oder fügen Sie mehr auf) des Artikels in Frage und nicht seine Inline-Attribute.

http://www.sitepoint.com/blogs/2008/03/20/making-ie6-friendly-png8-images/