daniel daniel - 1 year ago 109
CSS Question

make alternating CSS table row style work in Internet Explorer

I use this CSS code to display a database output in rows where the colors repeat in every 2nd row

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

If I open it in my IE it wont work. Any advice?

I am using IE 8.

Answer Source

IE8 does not support the :nth-child CSS property. You can make it work in IE8 with this script:


How to use it:

You can Include it via conditional comments, e.g.:

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

The script will only load in IE9 and below, other browsers do not see it.

Live demo: https://jsbin.com/koyahe/edit?html,css,output

(This demo should work in all versions of IE.)

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download