2010-04-16 43 views
2

在IE8及以下,我這樣做是在IE中不顯示CSS背景圖片?

<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" /> 

,併爲它的CSS是:

.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; 
}

的圖像不被顯示在IE瀏覽器,但他們在ffox和chrome

回答

2
在Internet Explorer中,

第n個孩子是not supported at all

我想你不會得到周圍手動編號的元素(即添加類他們指定正確的色彩。)

+0

應該有人該表發送到MS,問他們爲什麼這麼慢。 – Kyle 2010-04-16 12:45:49

+0

公平地說,其他瀏覽器也有這個選擇器的問題,MS也在IE9中使用它。 – bobince 2010-04-16 12:56:42

+0

的確如此,我在評論該表中MS名稱下的紅色塊的數量:) – Kyle 2010-04-16 13:02:23

2

不支持IE的子選擇器不幸的是