0

我工作的公司仍然使用 IE6，因此我需要确保我的网站可以在 IE6 浏览器中运行。由于通过 SharePoint 2007 完成的代码设计的限制，我在样式设置方面遇到了问题。

当您将鼠标悬停在非活动选项卡上时，文本应从蓝色变为橙色。

<div class="webpartBody">
<div class="tabsWrapper">
    <a class="quickLinkTabs activeTab" href="#">
        <span class="tab0">Clinical</span>
    </a>
    <a class="quickLinkTabs" href="#">
        <span class="tab1">Business Services</span>
    </a>
    <a class="quickLinkTabs" href="#">
        <span class="tab2">Employees</span>
    </a>
    <a class="quickLinkTabs" href="#">
        <span class="tab3">Projects</span>
    </a>
    <a class="quickLinkTabs" href="#">
        <span class="tab4">Web Links</span>
    </a>
</div>
<!-- links -->
</div>

jQuery 用于创建类，quickLinkTabs以便将 firstTab 和 lastTab 标记为此类，并且当前选择的选项卡是 activeTab。

在 SharePoint 环境之外仅使用此代码，我应用以下 CSS 来实现我正在寻找的效果。

.quickLinkTabs:hover
{
    color: #ff6600;
}
.quickLinkTabs span:hover
{
    color: #ff6600;
}

一旦我将它应用到开发环境并在 SharePoint 生成的代码上尝试它，它就不再起作用了。我无法弄清楚障碍是什么 - 是 SharePoint 吗？是我的 CSS 吗？

4

1 回答 1

1

首先，SPAN 没有任何目的。您应该调整 A 标记的样式以执行相同的功能。

然后使用：

.tabsWrapper a { .... }
.tabsWrapper a:hover { ... }
于 2013-03-27T16:55:46.443 回答