background image IE6 png questão AlphaImageLoader após carga com mootools 1.11

Question

Eu estou tentando processar uma imagem de fundo .png no IE6 depois de onclick mootools evento que muda a imagem de uma div logotipo de fundo.

aqui é o código relevante, pois é apenas agora -

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

este, por qualquer motivo, não parece trabalho! o evento é chamado e funciona bem para todos os outros navegadores, mas o logotipo é apenas em branco quando este começa a funcionar no IE6.

Se alguém poderia lançar alguma luz sobre isso, ou tem alguma idéia, eu ficaria muito grato.

Cheers, peter

Answer 1

você tentou salvar seu PNG de como PNG8 em vez disso? Desta forma você pode graciosamente lidar com IE6. salva tudo o que alfa hassel carga.

futher, por que não tentar escrever o seu CSS no estilo condicional ANDS simplesmente alterar a classe (ou adicionar mais diante) do item em questão, em vez de seus atributos em linha.

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