html - 在 IE6 CSS 的 anchor 标记内设置跨度样式时遇到问题

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 { ... }