无法在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

回答

相关问题