0

私が働いている会社はまだ 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ですか？

4

1 に答える 1

1

そもそも、SPAN が存在する目的はありません。同じ機能を実行するには、A タグのスタイルを調整する必要があります。

次に使用します：

.tabsWrapper a { .... }
.tabsWrapper a:hover { ... }
于 2013-03-27T16:55:46.443 に答える