Cambio sfondo al passaggio del mouse

**cadan2** · 11-03-2011, 20:57

Salve ragazzi
Credo d'aver un problema stupido per la maggior parte di voi, ma per me che son alle prime armi e che nn riesco a trovar soluzione ho pensato di chiedere a voi..
Voglio cambiare lo sfd ad un DIV al passaggio del mouse sopra
Pagina html:
<body>
<a href="ognjivolta.php">
<div id="part5">
</div>
</a>
</body>

Style css:
#part5{
margin-top:10px;
margin-left:10px;
height:65px;
width:700px;
background-color:red;
}
#part5 a:hover{
background-color:white;
}

Vedo il div rosso, ma non mi si fa bianco come mai?
Ringrazio anticipatamente

**Sky** · 13-03-2011, 14:26

Non puoi inserire un elemento "block level" (il <div> nel tuo caso) dentro a uno inline (il tag <a>).
Hai due possibilità.

Se ti serve davvero un link che copra tutta l'area del div, lo inserisci al suo interno rendendolo block level, applicandogli le stesse dimensioni del div.

codice:

#part5 a {
  display: block:
  height: 65px;
  /* La larghezza non serve, essendo ora un elemento block level coprirà la larghezza interamente */
}
#part5 a:link { background-color: red }
#part5 a:hover { background-color: white }

Altrimenti, se il link lo inserisci solo per ottenere l'effetto al passaggio del mouse, puoi benissimo farne a meno applicando lo stile :hover al <div>.
L'unico browser a non supportare questa funzionalità è IE 6, che è vecchiotto. Sono del parere che debba andare in pensione, de-fi-ni-ti-va-men-te

**mucu** · 13-03-2011, 15:13

Originariamente inviato da Sky
Non puoi inserire un elemento "block level" (il <div> nel tuo caso) dentro a uno inline (il tag <a>).

purtroppo (o per fortuna) i browser sembrano dei veri politici
e razzolano in maniere differenti da quelle che predicano
fino a fare un bel condono generale (come avverrà con html5)

il caso in questione non funziona soltanto perché scritto male
prova

codice:

#part5{
margin-top:10px;
margin-left:10px;
height:65px;
width:700px;
background-color:red;
}
a:hover #part5 {
background-color:white;
}

**Sky** · 13-03-2011, 15:24

Giusto, ma sono per il buon codice

Discussione: Cambio sfondo al passaggio del mouse

Strumenti discussione

Ricerca discussione

Visualizza

Cambio sfondo al passaggio del mouse

Permessi di invio