rollover background con i CSS

[kosta]

salve a tutti!
oggi avrei pensato a come ricolvere un DIV che all'evento onmouseover cambi background, con i CSS.
Avrei pensato ad un'immagine mappata con link vuoto che cambia al passaggio del mouse: credete che ci siano soluzioni migliori?
grazie a tutti
c

[Federix]

http://pro.html.it/articoli/id_201/idcat_8/pro.html

[kosta]

ti ringrazio ma il mio problema era un altro:

ho risolto cosi':nel CSS

#livello

{
position: absolute; top: 700px; left: 5px; width: 500px; height: 869px; visibility: visible; }


.prima{
background-image : url(sfondo grigio.jpg);
background-repeat : no-repeat;
background-position : top left;}

.seconda{
background-image : url(sfondo.jpg);
background-repeat : no-repeat;
background-position : top left;}


poi nel corpo

<div id="livello" onMouseOver="this.className='seconda'" onMouseOut="this.className='prima'">6</div>

cosi' al passaggio del mouse cambia il background.
ancora non ho risolto pero' il problema del reload, difatti scompaiono e ricompaiono solo al passaggio del mouse.
ciau
c

[Federix]

Prova a mettere così:

<div id="livello" class="prima" onMouseOver="this.className='seconda'" onMouseOut="this.className='prima'">6</div>

[kosta]

giusto!!! che rimbambita.
ti ringrazio tanto
ciau
c

[antos]

se non vuoi utilizzare javascript puoi farlo anche con i soli css!!!
a{display:block;width:100%;background-image:url(img.png);}
a:hover{display:block;width:100%;background-image:url(img.png);}

nell'html scrivi:
<div >
link
<div>

[kosta]

ci avevo pensato ma il DIV non contiene testo, a meno di hiddare la scritta, non so, preferirei un codice pulito. che dite?
grazie
c

[antos]

allora se il div ti deve fungere anche da link meglio usare a altrimenti fai come ti piace di più nascondere del testo sarebbe sempre una buona cosa per aumentare l'accessibilità del sito

[kosta]

il DIV serve solo a contenere un background. comunque faro' delle prove. grazie ancora.
c