problemas con div y hover en explorer

Pentaxeros · #1 (**permalink**) 02/03/2013, 13:24

Hola, tengo unas cajas div y en css tengo puesto para que cuando pones el raton encima cambie el fondo.

La cosa es que funciona en todos los exploradores, excepto internet explorer.

Este es un css de ejemplo

.pestana-buscar {
float:right;
background:url(iconos-pestanas2.png) no-repeat;
}

.pestana-buscar {
background-position:-34px -5px;
width:24px;
height:68px;
}

.pestana-buscar:hover {
background-position:-5px -5px;
width:24px;
height:68px;
}

y el el html

<div class="pestana-buscar"></div>

Pues simplemente en Explorar no funciona, en ninguno, incluso la ultima version.

Existe alguna forma de hacer esto??

Gracias!

pzin · #2 (**permalink**) 02/03/2013, 13:29

:hover creo que funciona en todos los elementos desde IE7.

¿Tienes el doctype correctamente declarado?

Pentaxeros · #3 (**permalink**) 02/03/2013, 13:31

Tengo esto:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Esta bien?

Pentaxeros · #4 (**permalink**) 02/03/2013, 13:33

La pagina es esta:
http://www.tuciudad360.es

La barra negra que encabeza la imagen 360, los iconos deben ponerse en azul al poner el raton encima.
Funciona en Firefox, Safari, chrome, pero en IE no.... :(

Saludos y GRACIAS

pzin · #5 (**permalink**) 02/03/2013, 13:34

Yo en principio no veo nada raro. En sitepoint apuntan que background-position hay algunos fallos de soporte para IE8, no sé cuales.

De todas formas, prueba cambiando otra propiedades que no sea esa, por ejemplo el ancho o el alto, a ver si es problema de background, de hover u otra cosa. No tengo instalado IE así que no puedo probarlo yo.

Pentaxeros · #6 (**permalink**) 02/03/2013, 13:55

Pues por mas vueltas que le doy no consigo nada... El explorer es de lo peor. La de dolores de cabeza que da...

Alguna idea?

pzin · #7 (**permalink**) 02/03/2013, 14:12

¿Probaste a cambiar alguna otra propiedad?

pitufoweb · #8 (**permalink**) 02/03/2013, 14:23

Hola,

Tienes varios scripts antes del DOCTYPE. Pon esos scripts dentro del <head>

Saludos

Pentaxeros · #9 (**permalink**) 02/03/2013, 15:04

No puedo cambiarlos, son de las librerias Xajax y tiene que ir antes.

No obstante aunque lo quite sigue sin funcionar. Lo he probado con HTML puro en un archi suelto y no funciona.

Que guerra de explorer...

Solo se me ocurre meter una linea de Javascrip onover que cambie la clase cuando este el raton envima, y que solo funcione con explorer...

Alguna idea mas???

pitufoweb · #10 (**permalink**) 02/03/2013, 15:33

Hola,

Te puedo asegurar que si pones esos scripts dentro del head, si funcionaria. Pero si no puedes cambiarlos es otra historia.

Otra cosa que podrías hacer es usar enlaces normales y no divs

Saludos

pzin · #11 (**permalink**) 02/03/2013, 15:40

Tu página arroja 647 errores al comprobarlo como XHTML1.0 transitional. Luego la culpa es de IE.

Lo primero que se indica es el doctype. Independientemente de cualquier otra cosa. El código JavaScript no se pone antes, sino en el head, como te indicó pitufoweb.

yoelrola · #12 (**permalink**) 03/03/2013, 15:57

en internet explorer el :hover solo funciona con los <a>

pzin · #13 (**permalink**) 03/03/2013, 16:01

Cita:

Iniciado por yoelrola

en internet explorer el :hover solo funciona con los <a>

Una afirmación que hace 12 años era correcta en IE6.

A veces es mejor retener el ansia de contestar.