[jquery fade]png ie 7/8

[Iron83]

Ciao ragazzi,

non riesco a trovare una soluzione valida per il fastidioso problema che da IE 7/8 su PNG trasparenti con effetto opacity.

Sono riuscito a risolvere il problema con il suffisso -ms-alpha... su delle immagini con un opacity "statica", il problema arriva con l'effetto fadeIn e fadeOut di JQuery, essendo l'opacità "graduale" visualizzo il bordo nero nella png...

Soluzioni??

[Xinod]

una soluzione permanente non la conosco, e' incredibile che il problema sia ancora li' dopo cosi' tanto tempo

puoi comunque rimuovere il bordo nero a fine animazione, nel callback
il succo del discorso e':

$('#idElemento').fadeIn('slow',function(){
if(...sniff per IE9...) $(this)[0].style.removeAttribute('filter');
})

aggiungendolo manualmente ad ogni fade o scrivendoti un plugin che gia' incorpori il fadeIn/fadeOut modificato

ciao

[Iron83]

Purtroppo quando si parla di IE i problemi aumentano e non diminuiscono infatti Mozilla e Chrome non danno nessun problema quando si utilizzano funzioni che prevedono l'utilizzo dell'opacity....

Tornando allo script, non ho capito bene l'implementazione del tuo script, posto il mio magari riusciamo a risalire alla soluzione

            <script type="text/javascript">
                $(".serv").mouseenter(function () {
                  $("#assoluto").fadeIn(900, function () {
                });
                $("#assoluto").mouseleave(function () {
                  $("#assoluto").fadeOut(900, function () {
                });
                  return false;
                });
                  return false;
                }); 
                
                $(".portfolio").mouseenter(function () {
                  $("#assoluto2").fadeIn(900, function () {
                });
                $("#assoluto2").mouseleave(function () {
                  $("#assoluto2").fadeOut(900, function () {
                });
                  return false;
                });
                  return false;
                });                     
            </script>