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. enter image description here

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

here's w3schools reference

mozilla developer reference

"update"

you're using css3 selector , doesn't have support in ie8 using jquery used selector

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

last child w3 school doc


Comments

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -