Les images d'arrière-plan CSS n'apparaissent pas dans IE?

Question

Dans IE8 et ci-dessous, je fais ce

<ul class="dependants_list" style="border-bottom: dashed 1px #53a1dc"> 

    <li class="dependants_summary"> 
    <strong>Name:</strong> De Silva, Angelina<br /> 
    <strong>Gender:</strong> Female<br /> 
    <strong>Date of birth:</strong> 7/3/2009<br /> 
    </li> 
    <form action="/Dependant/Delete/11413" method="get"><input class="delete btn" id="Delete_this_Profile" name="Delete_this_Profile" type="submit" value="Delete this Profile" /> 
    </form><form action="/Dependant/Edit/11413" method="get"><input class="edit btn" id="Modify_this_Profile" name="Modify_this_Profile" type="submit" value="Modify this Profile" /> 
    </form><br /><hr style="display:none" /> 

et le CSS est:

.dependants_summary 
{ 
    overflow: hidden; 
    margin-bottom: 10px; 
    padding-right: 0px; 
    padding-left: 85px; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    width: 430px; 
    float: left; 
    font: 120% Arial, Helvetica, sans-serif; 
} 
.dependants_list 
{ 
    padding: 0; 
} 
.dependants_list li:nth-child(odd) { 
    background: #fff url("../images/dependant_male.png") no-repeat scroll 8px 9px; 
} 
.dependants_list li:nth-child(even) { 
    background: #c9e3f4 url("../images/dependant_male.png") no-repeat scroll 8px 9px; 
}

Les images ne sont pas représentés dans IE, mais ils sont en ffox et chrome

Answer 1

nth-child est not supported at all dans Internet Explorer.

Je pense que vous ne serez pas contourner la numérotation des éléments manuellement (par exemple l'ajout de classes à ceux qui spécifient la couleur correcte.)

Answer 2

Les sélecteurs n-enfant ne sont malheureusement pas supportés par IE