•  11-07-2019
  •  | 
  •  

Pergunta

Eu estou trabalhando com: 

#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 eu não consigo obter o :hover funcionando corretamente? Não sei por que, alguém tem alguma sugestão?

Foi útil?

Solução

Eu acredito que o problema é que os elementos SPAN exibir em linha por padrão - o que significa que eles não têm altura e largura. Tente explicitamente tornando-os elementos nível de bloco, acrescentando: 

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

Outras dicas

Write <!DOCTYPE html> na primeira linha do seu documento HTML. Hover apoio deve estar habilitado para todos os tipos de elementos.

Como o comentarista observou, "top" não é um seletor válido. Ele deve ser "#top" ou ".top"

Você está testando no IE? IE7 e :hover abaixo único apoio em <a> (não tenho certeza sobre IE8)

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top