bootstrap - overlay image css
: hover con elementos<span> (4)
¿Estás probando en IE? IE7 y versiones posteriores solo admiten :hover el <a> sobre <a> (no estoy seguro acerca de IE8)
Estoy trabajando 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;
}
Y parece que no puedo hacer que :hover funcione correctamente? No estoy seguro de por qué, ¿alguien tiene alguna sugerencia?
Como señaló el comentarista, "arriba" no es un selector válido. Debería ser "#top" o ".top"
Creo que el problema es que los elementos SPAN se muestran alineados por defecto, lo que significa que no tienen alto ni ancho. Intente hacerlos explícitamente bloquear elementos de nivel agregando:
#top ul li.corner span.right-corner, #top ul li.corner span.left-corner
{
display: block;
}
Escriba <!DOCTYPE html> en la primera línea de su documento HTML. El soporte de desplazamiento debe estar habilitado para todos los tipos de elementos.