Question

我有jquery cury角落在firefox中工作得很好，这包括在div和table上。 div内容是空的，但是有一个高度和宽度vaule ...这会导致IE中出现问题，因为只有div标签的顶部有角，表根本就没有。

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

这不是一个重复的帖子，因为第一个不是由于IE问题

干杯

Answer 1

我通过将表格放入div并对其应用角落来实现这一点，同时我还颠倒了将角应用于内部div的顺序，因为首先执行外部将不起作用。

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

jquery弯曲的角落在IE中不起作用

1 个答案: