Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2004
    Messaggi
    71

    Problema FadeOut IE Trasparenza

    Salve, ho creato una funzione in javascript che mi permette di applicare un effetto FadeOut su di un div, funziona perfettamente su qualsiasi browser, il problema sorge quando come sfondo del div inserisco un PNG con trasparenza, Nonostante all'apertura del div la trasparenza appare perfetta come applico la funzione e inizia a variare l'opacità del div IE perde la trasparenza sostituendola con del colore nero. Le prove le ho fatte con IE7 metto in allegato un immagine del difetto, spero sia risolvibile vi ringrazio in anticipo per il tempo che mi dedicherete.




  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2004
    Messaggi
    71

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2004
    Messaggi
    71
    Ecco il codice:

    var vopacity;
    var interval = 0;

    function fade_out(id_div_to_handle)
    {
    for(i=0;i<arguments.length;i++)
    {
    ref = document.getElementById(arguments[i]);
    if (ref.style.visibility == 'hidden' || ref.style.visibility=='')
    {
    ref.style.visibility = 'visible';
    handle_div1('copri');
    }
    else
    {
    vopacity = 100; // parte da 100 per scendere a 0
    interval = setInterval('opacity(\''+arguments[i]+'\')',20);
    }
    }
    }

    function opacity(div){
    if(vopacity>0){
    vopacity -= 8;
    object = document.getElementById(div).style;
    object.MozOpacity = (vopacity / 100)
    object.opacity = (vopacity / 100);
    object.KhtmlOpacity = (vopacity / 100);
    object.filter = 'alpha(opacity=' + vopacity + ')';
    }
    else {
    clearInterval(interval);
    document.getElementById(div).style.visibility = 'hidden';
    vopacity = 100;
    object.MozOpacity = (vopacity / 100);
    object.opacity = (vopacity / 100);
    object.KhtmlOpacity = (vopacity / 100);
    object.filter = 'alpha(opacity=' + vopacity + ')';
    handle_div1('copri');
    // resetta i campi html
    destroyElement('map');
    document.getElementById('window_title').innerHTML = '';
    }
    }

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.