Rya*_*pat 7 css jquery internet-explorer rounded-corners
我正在使用JQuery的jquery.corner.js在某些td标签上创建圆角,它们在IE中看起来很好除外
圆角被水平线替换,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而不是表.