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>