he utilizado CSS para un cambio de color en vuelo estacionario para una mesaefectos de activación no funciona con IE8
#tabb tbody tr:hover td{
color:#006;
background:#d0e4f2;
}
Esto funciona bien en Chrome y Firefox, pero el efecto de la libración no ocurre en Internet Explorer 8.
¿Hay alguna manera de que este efecto también funcione con IE8?
Eso debería funciona bien en IE8.
Una puñalada en la oscuridad:
Asegúrese de que tiene a doctype como la primera línea de código HTML que desencadena modo de estándares, tales como:
<!DOCTYPE html>
En Quirks Mode, IE emula la versión 5.5, que no admite :hover en elementos distintos de a.
IE8 no es el culpable habitual de :hover problemas. Si no puede hacer que funcione, ¡siempre hay jQuery!
$("#tabb tbody tr").hover(
function() {
$("this").children("td").css({ 'background-color': '#d0e4f2', 'color': '#006' });
},
function() {
$("this").children("td").css({ ... });
}
);
no es una opción terrible, pero no debería ser necesario, y en tablas muy grandes, tendrá algunos problemas de rendimiento. – Patricia
Si decide tomar la ruta jQuery, también puede crear una clase '.highlight' en su CSS, y luego usar la función' jgguery 'toggleClass()', en lugar de codificar los atributos de CSS en su extracto. Una mejor solución si está dispuesto a agregar el código adicional a su CSS IMO. – Wex
@Patricia - Buen punto sobre el rendimiento. Demasiadas personas confían en javascript en situaciones innecesarias sin pensar en las consecuencias. – Wex
mi suposición es algo dudoso en su código html para la tabla. como se puede ver en esta violín rápido y sucio, el CSS es un-ok:
Obras absolutamente bien en IE8. Valide su código html. –
@AR: ha encontrado el problema, con la ayuda de @thirtydot: un DOCTYPE que falta. – Lazer