我正在使用 JQuery 的 jquery.corner.js 在一些 td 标签上创建圆 Angular ,它们在 IE 中看起来不错,除了
- 如果您打开一个新标签然后返回页面
- 如果您转到另一个选项卡,请单击一个链接,然后返回该页面
- 如果您将鼠标悬停在执行 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/