表格和整页 div 标签上的 jquery 曲线 Angular ？

Question

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

此外，当试图绕过 table 的 Angular 落时，这不起作用，这可能吗？

<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> 进行操作时才会成功。 .