我的主页上有 3 个标签。它们在 IE8/9 中运行良好。但在 IE7 中,其中一个选项卡看起来不同。它的高度大于其他 2 个选项卡。我如何在不改变高度的情况下控制它们,因为如果我在这里改变高度,它在 IE8/9 中会变得很糟糕。这是代码:
<div id="fig-tabs">
<strong class="tab1">AAA</strong> <a href="#" class="tab">BBB</a> <a href="#" class="tab">CCC</a>
</div>
它使用corner.js,它使用以下代码:
$(document).ready(function() {
$('.tab1').corner("5px");
$('.tab').corner("5px");
});
css相关:
#fig-tabs { }
strong.tab1
{
color: #CCC;
background-color: #CCC;
padding: 3px 8px 7px 8px;
text-decoration: none;
}
a.tab
{
color: #CCC;
background-color: #CCC;
padding: 3px 10px 2px 8px;
text-decoration: none;
}
a.tab:hover { background-color: #CCC; }