Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Problema background-image su hover

    Ciao a tutti!
    Domani ho un esame all'università di XHTML & CSS per il quale ho realizzato questo sito web:

    http://tecweb.unich.it/fiabe/tecweb2009-098

    Il problema riguarda, come noterete, l'ancora di entrata al sito, le ancore di navigazione e quelle della galleria, che, al primo passaggio del mouse, scompaiono... Il codice che ho usato per ottenere l'effetto di cambio immagine al passaggio del mouse è il seguente:

    HTML:
    <div id="esempio"></div>

    CSS:
    #esempio a {
    display: block;
    width: ...px;
    height: ...px;
    background-image: url(esempio.png);
    background-repeat: no-repeat;
    }
    #esempio a:hover {
    background-image: url(esempio_hover.png)
    }

    Come posso risolvere questo problemino? Credete possa essere un problema del client o c'è qualcosa di sbagliato nella scrittura?
    N.B.: Le immagini sono .png per usufruire delle trasparenze...

    Vi ringrazio!

  2. #2
    ho lo stesso problema.
    Avevo letto su qualche sito un discorso di "preload" delle immagini...
    ma non so...

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Esatto: e` un problema di caricamento immagini (e di lentezza del server o della linea).

    Prova a veder questi articoli, incui il rollover viene realizzato con un'unica imamgine:
    Bottoni con rolloverRollover creativi
    Menu grafici con rollover e preload via CSS
    Fast Rollovers Without Preload
    Bottoni con rollover flessibili
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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 © 2025 vBulletin Solutions, Inc. All rights reserved.