在IE6 CSS的錨標記中設置跨度樣式時遇到麻煩

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