hover aplicado a un div

NeB1 #1 Ene '09

En CSS a las class se les puede aplicar la propiedad "hover" no?? es decir:

.volver{
position:absolute;
height:20px;
width:28px;
margin-top:0px;
margin-left:260px;
cursor:pointer;
cursor:hand;
font-size:12px;
text-align:center;
background-image:url('http://recinte.com/img/volver2.jpg');
background-repeat:no-repeat;
z-index:99999;
}
.volver:hover{
background-image:url('http://recinte.com/img/volver3.jpg');
background-repeat:no-repeat;
}

esto debería funcionar, no?

esa class la aplico a divs, es decir, tengo 3 o 4 divs que son:

etc.
es que no hace ni puñetero caso del hover y no tengo muy claro porque. solo es para que cambie la imagen de fondo.

Fr4nk0 #2 Ene '09

El CSS está bien definido. Pero si tienes 2 divs iguales, en la misma posicion, no creo que veas ningun cambio.

bLaKnI #3 Ene '09 Inocente

Creo que el problema lo tienes con el z-index.
Prueba a poner el no-hover a -20 y el otro a -19.
O si dejas el 9999, asegurate que el de imatge3 esta uno por encima, osea, 10000.

Crawler #4 Ene '09

imagino que sabrás que en explorer el :hover solo funciona con los "a"...

NeB1 #5 Ene '09

#4 eso es lo que necesitaba saber xD (no, no lo sabía).

Entonces...solo me queda hacerlo con javascript para cambiar la imagen de fondo de la capa al pasar el cursor por encima, no?

ACLARACIÓN: No hay capas unas encima de otras, porque cuando está una capa, la otra se borra mediante ajax (es decir, están en la misma posición, pero solo hay una por vez en la web).

o sea, tengo una capa que hace de contenedor:

</div>

y con ajax, según lo que elijan de la web, se rellena el contendio del div:

document.getElementById("left_column").innerHTML = ajax.responseText;

Crawler #6 Ene '09

hemos acabado hablando de lo mismo en 2 posts distintos xD

me cito a mi mismo del otro post:

"tambien tienes soluciones en javascript para que explorer si que haga el hover, como whatever:hover y similares. Ahora solo no te funcionará el :hover en explorer con javascript desactivado"

NeB1 #7 Ene '09

#6 jajaja lo sé xDDD enorme lo de whathever:hover, no lo conocía

Usuarios habituales