highlight en Explorer

pepecalamaro · #1 (**permalink**) 06/07/2010, 04:21

Hola,

me gustaría saber si el estilo highlight funciona además de en firefox, en internet explorer. Tengo el siguiente código en css:

span.highlight
{
background-color:#000000;
}

span.highlight:hover
{
background-color:#009AFC;

}

y lo llamo de esta manera:

       <a href="formatosSingulares.asp"><span class="highlight Estilo3">FORMATOS SINGULARES</span></a><br />

Con esto me resalta el texto en azul claro cuando paso el cursor por encima de la palabra, pero solamente con firefox, en explorer no.

Alguien me puede decir a que es debido esto??

Saludos, Jose.

JavierB · #2 (**permalink**) 06/07/2010, 08:18

Hola pepecalamaro

Se debe a que en IE sólo se puede usar :hover[ en los enlaces, al menos hasta la versión 7, en la 8 no recuerdo si funciona en otras etiquetas.

Muevo tu tema al foro de CSS desde Web general.

Saludos,

pepecalamaro · #3 (**permalink**) 06/07/2010, 08:53

Entonces no se puede visualizar en los navegadores?

jomaruro · #4 (**permalink**) 06/07/2010, 13:50

Hola:

Cita:

Iniciado por JavierB

Se debe a que en IE sólo se puede usar :hover en los enlaces, al menos hasta la versión 7

Está claro ¿no? La pseudoclase hover solo se puede usar (en versiones anteriores a la 7) en los enlaces.

Saludos.

Carlangueitor · #5 (**permalink**) 06/07/2010, 14:28

Hay algunas soluciones en javascript por si deseas usarlas: http://www.google.com.mx/search?clie...utf-8&oe=utf-8

Saludos

pepecalamaro · #6 (**permalink**) 08/07/2010, 15:30

Cita:

Iniciado por Carlangueitor

Hay algunas soluciones en javascript por si deseas usarlas: http://www.google.com.mx/search?clie...utf-8&oe=utf-8

Saludos

Gracias!! Ya me funciona.

La solución es simplemente colocar antes del <head> :

Código:

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

Se ve que con esto se hereda las propiedades de la versión 9 del explorer, que es la última (en las anteriores no funciona)