[英]JQuery slimScroll with border-radius in table not working in IE 8
我正在使用JQuery slimScroll插件在div中創建自定義滾動條。 在該div中,我有一個表,我想使表行的第一個和最后一個四舍五入,並且它與IE 8以外的其他瀏覽器都可以正常工作。在IE 8中,當我滾動時,第一個和最后一個的移動速度稍慢。
我也附上了圖片。
表格如下:
<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");
}
請有人幫助我,因為我已經兩天了。 感謝名單
那是因為是css3屬性,在IE8中不支持
“UPDATE”
您使用的是Css3選擇器,並且使用jQuery時IE8中也不支持您可以使用選擇器,例如
$(".group_manage_list_main td:last") //not tested
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.