jQuery的弯曲的角落不工作在IE浏览器

Question

我有jquery cury的角落在Firefox中工作很好，这包括一个div和表。 div的内容是空的，但有一个高度和宽度值...这在IE中导致问题，因为只有div标签的顶部是cornerd，表格根本就不是。

<div id="content" class="content"> 
    <table id="nav_links" class="nav_links" cellpadding="7"> 
    <tr> 
    <td class="nav_background"><a href="index.html">Home</a></td> 
    </tr> 
</table> 

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    $('.content').corners(); 
    $('.nav_links').corners("bottom"); 
}); 
</script> 

这心不是一个重复的职位，作为第一个wasnt由于IE问题

干杯

Answer 1

我得到这个通过将表中一个div工作并将角落应用于此，我也首先颠倒了应用到内部div的顺序，因为先执行外部第一个将不起作用。

所有... ehem的

<div id="content" class="content" style="background-color:Red"> 
<div class="nav_links" style="background-color:blue;width:100px"> 
     <table id="nav_links" cellpadding="7" > 
     <tr style="background-color:blue"> 
     <td class="nav_background" style="background-color:blue"><a href="index.html">Home</a></td> 
     </tr> 
</table> 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     var settings = { 
      tl: { radius: 5 }, tr: { radius: 5 }, bl: { radius: 5 }, br: { radius: 5 }, antiAlias: true 
     }; 
     curvyCorners(settings, '.nav_links'); 
     curvyCorners(settings, '.content'); 
    }); 
</script>