Sfondo link cambio luminosità.

[Indalo]

Volevo fare un menu testata simile a quello qui sotto :

www.mondiniarredamenti.it/

Vorrei inserire le scritte (home, contatti, ecc.) sopra le immagini e far diventare queste ultime più luminose al passaggio del mouse.

Vorrei usare i css.

Come ?

[Bregovic]

in quel caso ho visto che ha usato i javascript.

Con i css io l'avevo fatto creandomi le classi per l'elemento a e mettendo come background le due immagini.

Ovvero nello stato hover del bottone css mettevo come background l'immagine che volevo al rollover.

ciao!

[Indalo]

Avevo pensato anch'io a una cosa del genere.

Ma se creo una classe per ogni <span> (o li) per inserire uno sfondo diverso per ogni casella posso controllare le altre caratteristiche assieme.

Per esempio :

#navhead a
{
margin: 0;
padding: 0;
width: 90px;
height: 90px;
vertical-align: bottom;
color:#000000;
}

#navhead a:hover
{
margin: 0;
padding: 0;
}

.menuhome a
{
background-image: url(image/img_home.jpg)
}

.menuhome a: hover
{
background-image: url(image/img_home_over.jpg)
}


.menucontatti a
{
background-image: url(image/img_contatti.jpg)
}

.menucontatti a: hover
{
background-image: url(image/img_contatti_over.jpg)
}

Fammi sapere.

[Bregovic]

beh si direi di si,
non ti funziona il codice che hai postato?