0

我的主页上有 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; }
4

0 回答 0