無法在IE6的錨標記中設置範圍CSS

我工作的公司仍然使用IE6，因此我需要確保我的網站在IE6瀏覽器中正常工作。由於通過SharePoint 2007完成代碼設計的限制，我造成了樣式問題。無法在IE6的錨標記中設置範圍CSS

當您將鼠標懸停在非活動選項卡上時，文本應該將顏色從藍色更改爲橙色。

<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是用來創建該firstTab和lastTab被標記爲這樣，並且當前選擇的標籤是activeTab爲quickLinkTabs如此類。

僅使用SharePoint環境以外的代碼，我應用以下CSS來實現我正在尋找的效果。

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

當我將此到開發環境，並嘗試這種在SharePoint生成的代碼，它不再起作用。我無法弄清楚什麼是障礙 - 是SharePoint嗎？是我的CSS嗎？

來源

2013-03-27 MacSalty

首先，SPAN沒有任何目的。您應該調整A標籤的樣式以執行相同的功能。

然後使用：

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

來源

2013-03-27 16:55:46

我怕的就是這個。我正在使用內部開發的Web應用程序來生成此部分，而我沒有寫它。看起來我不得不回去重新設計它。我希望不要因爲我們所有的腳本都是這樣佈置的。謝謝Diodeus，我將不得不做出這些改變。 – MacSalty 2013-03-27 17:00:11

無法在IE6的錨標記中設置範圍CSS

回答

相關問題