Заставьте чередующийся стиль строки таблицы CSS работать в Internet Explorer

Question

Я использую этот код CSS для отображения выходных данных базы данных в строках, где цвета повторяются в каждой второй строке

tbody tr:nth-child(2n) td, tbody tr.even td {  
    background: none repeat scroll 0 0 #E5ECF9;  
}

Если я открою его в своем IE, он не будет работать.Любой совет?

Я использую IE 8.

Answer 1

IE8 не поддерживает CSS-свойство :nth-child.Вы можете заставить его работать в IE8 с помощью этого скрипта:

https://github.com/roylory/ie7-js

Как его использовать:

Вы можете включить егочерез условные комментарии, например:

<!--[if lte IE 9]>
<script src="IE9.js"></script>
<![endif]-->

Скрипт будет загружаться только в IE9 и ниже, другие браузеры его не видят.

Демонстрационная версия: https://jsbin.com/koyahe/edit?html,css,output

(Это демо должно работать во всех версиях IE.)

Answer 2

Мне нравится ответ выше, но альтернативные цвета строк не работают, если документ не обновляется.

Попробуйте также jQuery:

$("tbody tr:even td").css("background-color", "lightgray");

Ссылка:
http://docs.jquery.com/Tutorials:Zebra_Striping_Made_Easy

Answer 3

Какую версию IE вы используете? :nth-child() CSS не будет работать в старых версиях IE.

IE6, IE7, IE8 Fail

IE9 (работает)