salvea tutti , nella realizzazione della mia homepage ho incontrato una difficoltà con internet explorer nella realizzazione del seguente codice:
.button_ex {
width: 267px;
height: 244px;
}
.button_ex a {
display: block;
width: 267px;
height: 244px;
background: url(/sites/all/themes/NEAPOLIS/images/giovanili.png) no-repeat top left;
}
.button_ex a:hover {
background: url(/sites/all/themes/NEAPOLIS/images/giovanili-over.png) no-repeat top left;
}
<?php
<code></code>
?>
Al passaggio del mouse deve essere richiamata un'altra immagine.
Con firefox funziona bene ma con IE no sapete dirmi il perchè?
E poi anche un altra cosa anche con Firefox al primo caricamento della pagina , la prima volta che si attiva l'effetto di passaggio del mouse risulta lento il caricamento della seconda immagine, ovvero per un'attimo sparisce . Ai passaggi successivi però funziona bene.....
Ci serve il sito, credo il codice non sia completo, che versione di ie è?
Per la lentezza puoi fare un preload o diminuire il peso della stessa o usare una sola imamgine spostando il background.
http://www.chromeos.eu
il sito è www.costruisciweb.it questo è solo il contenuto del blocco
Le immagini sono lente, mancava solo che le caricassi in alta definizione. Sono tutte png e neanche ottimizzate.
Il css direttamente nel codice, e non nell'head.
Il tag font è deprecato, hai id duplicati, tag non chiusi e parecchi errori css (colori con 5 attributi).
Risultato: rivedi completamente il tema, il css mettilo in un unico file e ottimizza le immagini.
Per il problema il background non lo devi mettere al tag a
http://www.chromeos.eu
Grazie per tutti i suggerimenti, cercherò di applicarli......