Проблемы с дизайном span в теге привязки в 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 { ... }