Effetto :hover sui div. è possibile?

[sloth.86]

Stavo lavorando alla creazione di un menù stile office 2007 quando sono incappato in questo problemino...
Mi servirebbe l'effetto hover su di un div senza che sia vincolato a un link in poche parole vorrei creare l'effetto che c'è qui..... http://office.microsoft.com

Qualcuno riesce a darmi qualche indicazione???? Grazie sa subito

[Al_katraz984]

Un esempio può essere:

div#quelchevuoi {
background: #000;
}

div#quelchevuoi:hover {
background: #dfffff;
}


Semplice no

[gabip87]

Originariamente inviato da Al_katraz984
Semplice no

si, ma con IE non funziona

[sloth.86]

infatti......

[Al_katraz984]

usate ancora IE...

No dai.. l'ho provato su FF io.. non sò per IE come si fà.. e poi non hanno messo a posto con la versione 7???

[gabip87]

uso IE solo per i test (lo si deve fare per forza)
purtroppo è ancora il browser piu' usato. cosi come la versione 6, quindi anche se con la 7 è tutto a posto (non ho provato) lasci fuori un bel pò di utenti.

[sloth.86]

Ie è usato ancora il più usato e detiene ben il 60% circa contro ff 30% e opera flock e altri browse 10%.

[Al_katraz984]

caspita.. siamo già al 60%

neanche un'anno fà si parlava di 90% x IE bene dai piano piano...

[ana4ever-vids]

Comunque puoi provare così:

CSS:

div#quelchevuoi {
background: #000;
}

div#quelchevuoi:hover {
background: #dfffff;
}

CSS per IE:

a#ciccinobello {
background: #000;
}
a#ciccinobello:hover {
background: #dfffff;
}
div#quelchevuoi {
background: inherit;
}

HTML:

...
<a id="ciccinobello">
<div id="quelchevuoi">
</div>
</a>
...

Fammi sapere!

[Mega69]

Volendo puoi benissimo usare un tag a al posto del tag div. Tanto puoi metterci benissimo background width ed height, l'importante è ricordarsi di settare display:block;

Da questo punto di vista non c'è alcun problema, ricorda solo di non mettere l'attributo href