表格和整页div标签上的jquery弯曲角？

Question

我正在使用 jquery curvy corners 插件，我可以在 div 标签上使用它，但由于大部分内容是空的，并且宽度/高度是页面的 90%，所以角落仅在顶部是圆角的。

另外，当试图绕过桌子的角落时，这不起作用，有可能吗？

<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>

</div>


<script>
$(document).ready( function()
{
    $('.content').corners();
   $('.nav_links').corners();
});
</script>

CSS：

.nav_links 
{
    margin-left: auto ;
    margin-right: auto ;
    background-color: #C8C8C8;
   border-collapse: collapse;                   
 }
   #content
 {

    width: 90%; 
    height: 780px;
    margin-top: 40px;
    background-color: #003366;      
  margin-left: auto ;
   margin-right: auto ;

}

有什么想法吗？

谢谢 =)

Answer 1

看起来the code 在settings 对象中有一个名为validTags 的参数，并且设置为validTags: ["div"]——我没有使用这个插件的经验，但看起来可能是在你初始化时你可以添加'table'作为一个值，比如validTags: ["div","table"]——尽管插件的实际工作方式可能只有在你对<div>进行操作时才会成功。