Question

我正在努力让我的顶级导航在IE 6中工作 - 我的网站是 located here。

选项卡式项目是“当前”选定菜单，其宽度是拉伸以填充剩余的空间...我应该怎么做才能修复此问题而不修复宽度，但是以某种方式设置它不会不会像这样扩大吗？

谢谢！

Answer 1

请在CSS中注意：

#nav li a span.top-nav-parent {
    background: url(images/nav/MPSC_tabs2.jpg) 100% 0;
    display: block;
    line-height: 32px;
    padding-right: 9px;
    padding-top: 13px;
}

由于您使用SPAN作为块元素显示，请将显示设置为inline-block。
像这样：

#nav li a span.top-nav-parent {
    background: url(images/nav/MPSC_tabs2.jpg) 100% 0;
    display: inline-block;
    line-height: 32px;
    padding-right: 9px;
    padding-top: 13px;
}

现在，这将修复您的.top-current课程，以免窃取菜单导航线的其余部分。

另一件事是看起来你要两次包括样式表：

<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />

删除一个，你只需减少一些不必要的代码。

IE 6水平列表导航中的当前选项卡拉伸以填充div的其余部分

1 个答案: