Internet Explorer (IE) 中的 JQuery 圆 Angular 搞砸了

标签 jquery css internet-explorer rounded-corners

我正在使用 JQuery 的 jquery.corner.js 在一些 td 标签上创建圆 Angular ,它们在 IE 中看起来不错,除了

  1. 如果您打开一个新标签然后返回页面
  2. 如果您转到另一个选项卡,请单击一个链接,然后返回该页面
  3. 如果您将鼠标悬停在执行 javascript 的 div/菜单上(我认为)。

圆 Angular 被水平线取代,td 标签内的文本被下推。但是,一旦刷新页面,渲染就会恢复正常。在所有情况下,它都可以在 Firefox 中完美运行。

有什么想法吗?

作为引用,我使用的 Javascript 代码如下(这是一个 MOSS 2007 页面):

$(document).ready(function(){
   $("table.ms-navheader td").corner("top"); 
});

这是一个完美显示问题的示例 HTML 页面:

<html>
    <head>
        <script type="text/javascript" src="jquery-1.2.6.js"></script>
        <script type="text/javascript" src="jquery.corner.js"></script>
        <script type="text/javascript">
          <!--

            $(document).ready(function()
            {
                $("div").corner("top");
                $("td").corner(); 
            });

          //-->
        </script>
    </head>
    <body>
        <table>
            <tr>
                <td style="background-color: blue">
                    TD that will be messed up.
                </td>
            </tr>
        </table>
        <div style="background-color: green">
            divs don't get messed up.
        </div>
    </body>
</html>

在上面的代码中,当你打开一个新标签页时,TD 会被打乱,但 div 不会。我对 MOSS 发出的 HTML 没有太多控制,否则我可能会硬着头皮在这里使用 DIV 而不是表格。

最佳答案

在 IE 中,我用 DD_Roundies 得到了更好的结果 图书馆。虽然只适用于 IE。对于 Firefox,您需要添加 -moz-border-radius 样式。

关于Internet Explorer (IE) 中的 JQuery 圆 Angular 搞砸了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/219338/

相关文章:

html - 如何定义 CSS 以去除困惑的 HTML?

html - 隐藏的下拉子项 - Bootstrap 3

javascript - IE 中触发的事件是异步发生的

ajax - IE 中带有 jQ​​uery ajax 调用的“无传输”错误

javascript - 如何使用 jQuery 查找元素在页面中的位置?

jquery - IE 失去对模态输入字段的关注

javascript - 如何使用img src浏览和上传图片

javascript - 如何在html文本区域逐行阅读文本?

javascript - 行值不断重复

javascript - 可以排队的 jQuery Modal