JQuery slimScroll與表中的邊界半徑不工作在IE 8

我正在使用jQuery slimScroll插件在div中製作自定義滾動條。在div裏面我有一張桌子，我想讓表格的第一個和最後一個圓形，並且除了IE 8以外的其他瀏覽器都可以正常工作。在IE 8中，當我滾動時，第一個和最後一個移動速度稍慢。JQuery slimScroll與表中的邊界半徑不工作在IE 8

我也附上了圖片。 enter image description here

下面是表：

<table> 
    <c:forEach var="lists" items="${viewGroupListByUser}" varStatus="status"> 
    <tr style="position: relative;"> 
     <td ><img alt="" src="../images/group/group.jpg" style="margin-left: 10px;"></td> 
     <td id="gn_${lists.groupID}" width="245px" style="padding-left: 10px !important;">${lists.groupName}</td> 
     <td id="gd_${lists.groupID}" width="190px">${lists.groupDetail}</td> 
     <td width="120px"><a href="viewGroupPage?groupID=${lists.groupID}&groupName=${lists.groupName}" class="link_button">View</a></td> 
     <td width="120px"><a href="#" onclick="showEditGroup(this)" id="${lists.groupID}" class="link_button">Edit</a></td> 
     <td width="120px" class='last-child' style="position: relative;"><a href="deleteGroup/${lists.groupID}" class="link_button">Delete</a></td> 
    </tr> 
    </c:forEach> 
</table>

這是CSS：

.group_manage_list_main{ 
    margin-left: 89px; 
    margin-top: 10px; 
    overflow-y: auto; 
    width: 860px; 
    height: 450px; 
    position: relative; 
} 
.group_manage_list_main table{ 
    border-collapse: separate; 
    width: 830px; 
    border-spacing: 0 15px; 
    margin-top: -14px; 
    position: relative; 
} 
.last-child { 
    border-radius: 0 10px 10px 0; 
    border:1px solid #FFFFFF; 
    background: #FFFFFF; 
    position: relative; 
    behavior: url("../css/PIEFiles/PIE.htc"); 
}

請幫助我的人，我因爲2天困在這裏。感謝名單

來源

2013-05-15 Narayan Subedi

這是因爲是不具有支持IE8一個CSS3屬性

Here's the w3schools reference

Mozilla Developer reference

「UPDATE」

您正在使用CSS3選擇器也不支持在IE8中使用jQuery你可以使用一個選擇器，如

$(".group_manage_list_main td:last") //not tested

Last child w3 school doc

來源

2013-05-15 03:58:51 Jorge

因此，這個問題不能解決的IE8？ –

我用PIE製作了圓角邊框，它在IE8中工作。我的問題是在滾動的DIV，最後一個孩子，第一個孩子只減擋或慢於其他 –

檢查我的更新答案 – Jorge

JQuery slimScroll與表中的邊界半徑不工作在IE 8

回答

相關問題