0

nivo スライダーを追加しようとしている Web サイトに取り組んでいます。私が抱えている問題は、スライダーが css ドロップダウン メニューを覆い隠しており、メニュー内に方向矢印が表示されないことです。

z-index:-50 を nivo-slider.css ファイルの .nivoSlider 行に追加すると、スライダーの後ろに隠れないため、メニューは正常に機能しましたが、まだナビゲーション矢印がなく、ナビゲーション実際のスライダー (左または右) 内の矢印は表示されますが、機能しません。

これらの問題を確認するためのリンクはこちらです。

提案されたヘルプをいただければ幸いです。ありがとう、ジョー

4

1 に答える 1

2

わかりました。最初に から z-index を削除し.nivoSliderます。2 番目の最も重要な部分 - メニューには次のような構造があります。

<ul id="nav-one" class="dropmenu css-only">
<li><a style="border-left:1px solid #CCCCCC; padding-left:23px; padding-right:23px;" href="index.php">Home</a></li>

<li><a href="company.php">Company</a>
    <ul class="SomeNewClass">
    <li><a href="history.php">History</a></li>
    <li><a href="markets.php">Markets</a></li>
    <li><a href="news.php">News</a></li>
    <li><a href="licensee-advisory-board.php">Licensee Advisory Board</a></li>
    <li><a href="copyright-notice.php">Copyright Notice</a></li>
    </ul>
    </li>
<li><a href="branding.php">Branding</a>
    <ul class="SomeNewClass">
    <li><a href="graphics.php">Graphics</a></li>
    <li><a href="signs.php">Signs</a></li>
    <li><a href="paint.php">Paint</a></li>
    <li><a href="dispenser-doorSkins.php">Dispenser DoorSkins</a></li>
    <li><a href="dispenser-overlays.php">Dispenser Overlays</a></li>
    <li><a href="image-manual.php">Image Manual</a></li>
    <li><a href="image-evaluation-form.php">Image Evaluation Form</a></li>
    </ul>
</li>
<li><a href="payments-processing.php">Payments Processing</a>
    <ul class="SomeNewClass">
    <li><a href="fleet-card.php">Fleet Card</a></li>
    <li><a href="echoSat.php">EchoSat</a></li>
    <li><a href="PCI-compliance.php">PCI Compliance</a></li>
    <li><a href="transnational.php">TransNational</a></li>
    </ul>
</li>
....
....
....

ご覧のとおり、という名前のクラスを追加しまし.SomeNewClassた。例で示したように、このクラスをすべての位置に配置し、これを CSS に配置します。

.SomeNewClass
{
    z-index: 99999;
}
于 2012-08-02T04:03:54.663 に答える