: passa con < span > elementi

Question

Sto lavorando con:

#top ul li.corner span.right-corner:hover
{
    background-image:url("images/corner-right-over.gif");
    width:4px;
    height:15px;
    float:left;
}

#top ul li.corner span.left-corner:hover
{
    background-image:url("images/corner-left-over.gif");
    float:left;
    width:4px;
    height:15px;
}

E non riesco a far funzionare correttamente : hover ? Non sai perché, qualcuno ha qualche suggerimento?

Answer 1

Credo che il problema sia che gli elementi SPAN vengano visualizzati in linea per impostazione predefinita, il che significa che non hanno altezza e larghezza. Prova esplicitamente a farli bloccare elementi di livello aggiungendo:

#top ul li.corner span.right-corner, #top ul li.corner span.left-corner
{
    display: block;
}

Answer 2

Scrivi <! DOCTYPE html > nella prima riga del documento HTML. Il supporto al passaggio del mouse deve essere abilitato per tutti i tipi di elementi.

Answer 3

Come ha osservato il commentatore, "top" non è un selettore valido. Dovrebbe essere " # top " o " .top "

Answer 4

Stai testando in IE? IE7 e versioni successive supportano solo : hover su < a > (non sono sicuro di IE8)