utilizo este código CSS para mostrar una salida de base de datos en filas en las que los colores se repiten en cada segunda filahacer que el trabajo de estilo fila de la tabla alterna CSS en Internet Explorer
tbody tr:nth-child(2n) td, tbody tr.even td {
background: none repeat scroll 0 0 #E5ECF9;
}
Si lo abro en mi IE ganó' t trabajo. ¿Algún consejo?
estoy usando IE 8.
IE8 no es compatible con la propiedad CSS :nth-child. Puede hacer que funcione en IE8 con este script:
https://github.com/roylory/ie7-js
Cómo se usa:
se puede incluir a través de los comentarios condicionales, por ejemplo:
<!--[if lte IE 9]>
<script src="IE9.js"></script>
<![endif]-->
El guión solo se cargará en IE9 y abajo, otros navegadores no lo ven.
Demostración en directo:https://jsbin.com/koyahe/edit?html,css,output
(Esta demostración debe trabajar en todas las versiones de IE.)
¿Qué versión de IE está usando? el CSS :nth-child() no funcionará en las versiones anteriores de IE.
IE9 (obras)
me gusta la respuesta anterior, pero colores de las filas alternas no parece funcionar si una el documento no se actualiza
Trate jQuery también:
$("tbody tr:even td").css("background-color", "lightgray");
Enlace:
http://docs.jquery.com/Tutorials:Zebra_Striping_Made_Easy
Este proyecto parece muerto. ¿Alguna referencia más reciente? –
@ChristopherSchultz ¿Qué versiones de IE necesitas para dar soporte? Mucho ha cambiado en 5 años. –
MSIE 8, desafortunadamente. No he probado esto todavía, pero supongo que MSIE 8 no ha cambiado en absoluto, y que ': nth-child' sigue siendo un no-go, así que estaba buscando una solución alternativa. Mi producto ya lo hace "manualmente" (haciendo que se use una clase alterna de CSS para cada fila de la tabla), pero estoy buscando eliminar el cruxt inútil y si hay una manera semi-elegante de hacerlo, estoy interesado. –