Question

我工作的公司仍使用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？

Answer 1

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

然后使用：

.tabsWrapper a { .... }
.tabsWrapper a:hover { ... }

无法在IE6 CSS中的锚标签内设置样式

1 个答案: