css3 - JQuery slimScroll with border-radius in table not working in IE 8 -
i using jquery slimscroll plugin make custom scroll bar in div. inside div have table, want make first , last of table row rounded , working fine other browsers except ie 8. in ie 8 when scroll, first , last moves little slower.
i have attached picture too.
here table:
<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>
this 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"); }
please me, stuck here since 2 days. thanx
that's because css3 property doesn't have support in ie8
"update"
you're using css3 selector , doesn't have support in ie8 using jquery used selector
$(".group_manage_list_main td:last") //not tested
Comments
Post a Comment