: desplazarse con el <span> elementos

que estoy trabajando:: desplazarse con el <span> elementos

#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; 
}

Y me parece que no puede obtener el :hover funciona correctamente? No estoy seguro de por qué, ¿alguien tiene alguna sugerencia?

Fuente

2008-11-28 Coughlin

¿Qué es "superior" en los selectores de CSS? si es una ID de elemento, debe ser "#top" – defeated

No imprimió el signo #, aunque está en mi CSS. – Coughlin

@RoBorg - Gracias por la edición, acabo de iniciar sesión para hacer lo mismo, ya que dos personas pensaron que me olvidé del "#" Gracias de nuevo – Coughlin

Creo que el problema es que los elementos SPAN se muestran en línea de forma predeterminada, lo que significa que no tienen alto ni ancho. Tratar de forma explícita por lo que bloquean los elementos a nivel añadiendo:

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

Fuente

2008-11-28 19:41:11 defeated

Como señaló el comentarista, "arriba" no es un selector válido. Debería ser "#top" o ".top"

Fuente

2008-11-28 18:45:48 Claudio

¿Estás probando en IE? IE7 y siguientes solo admiten :hover en <a> (no estoy seguro acerca de IE8)

Fuente

2008-11-28 18:51:14 Greg

Escribir <!DOCTYPE html> en la primera línea de su documento HTML. El soporte de desplazamiento debe estar habilitado para todos los tipos de elementos.

Fuente

2012-09-19 13:40:48 ZeeshanIqbal

buen punto ... texto en línea, por ejemplo, no necesita ser bloque. – sheriffderek

: desplazarse con el <span> elementos

Respuesta

Cuestiones relacionadas