• User

    Problema rollover su IE...

    Ciao,
    ho creato un rollover con il seguente codice:

    
    table.topbannertable th.label1 {
    
    width:236px;
            height:150px;
            background-image:url("storia_1_off.png");
            background-repeat:no-repeat;
            background-position:center;
            border-bottom: 1px solid #ffffff;
    vertical-align:bottom;
    
    }
    
    table.topbannertable th.label1:hover {
    
    width:236px;
            height:150px;
            background-image:url("storia_1_on.png");
            background-repeat:no-repeat;
            background-position:center;
            border-bottom: 1px solid;
    vertical-align:bottom;
    
    }
    
    

    poi usando nella pagina html:
    <table border="0" cellspacing="0" cellpadding="0" class="topbannertable">
    <tr>
    <th class="label1"><a href="?content=storia_1">Testo</a></th>
    </tr>
    </table>

    Ora, il tutto funziona bene su FIREFOX, ma non su IE, come mai?
    Eccovi la pagina dove potete vederlo in funzione:
    http://www.trix.it/test/roll.htm

    ciao e thx :mavieni:


  • Super User

    Ciao benvenuto 🙂

    Purtroppo Internet Explorer non supporta correttamente la pseudoclasse hover per td, th, li ecc. Funziona solo con i link...

    Se può essere di consolazione, aggiungo che con Explorer 7 funziona correttamente.

    Ti consiglio di inserire un preload dell'immagine, per evitare un istante di spazio bianco.

    Ciao