nth-child(2n) not supported by ie8

Question

I have this css witch works perfectly with all browser exept ie8 this is my css

.team-list.list2:nth-child(2n) li {
        margin: 0 0 0 56px;
    }

.team-list:nth-child(2n) {
    margin: 0 -100px 0 -150px;
}

    .team-list:nth-child(2n) li {
        margin: -101px 0 0 73px;
    }

how to make it compatible with ie8

I tried to add selectvizir but it does not work i know that there a solution with jquery but i am so novice in jquery so could you help me find solution?

possible duplicate of [How to make Internet Explorer 8 to support nth child() CSS element?](http://stackoverflow.com/questions/10577674/how-to-make-internet-explorer-8-to-support-nth-child-css-element) — Oriol, Apr 16 '15 at 17:43
why is selectvizir not working, can you show how you add it? — Sionnach733, Apr 16 '15 at 18:10
I download it from here : http://selectivizr.com/ and add this script i changed of course the path — rota90, Apr 17 '15 at 08:08

Sionnach733 · Answer 1 · 2015-04-17T08:09:46.127

0

for IE8 you could add the following script and it should perform like any modern SANE browser :)

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

you check out other IE scripts here.

edited Apr 17 '15 at 08:09

answered Apr 16 '15 at 16:17

Sionnach733

4,686
4
36
51

did you try for `nth-child(even)`? – Sionnach733 Apr 16 '15 at 18:13
how do i use it ? instead of .team-list.list2:nth-child(2n) li i put .team-list.list2:nth-child(even)? – rota90 Apr 17 '15 at 08:10
yes, also check the the script you use is `IE9.js` that is supposed to support version 5.5 up to version 8 – Sionnach733 Apr 17 '15 at 08:12

nth-child(2n) not supported by ie8

1 Answers1