0

聞く; 私は何度も読みましたが、私の問題に合った答えが見つかりませんでした。

私は自分のウェブサイトhttp://www.houdi.se/video.shtmlで Fancy Box を使用していますが、ビデオ リンクをクリックするとメニューの下に Fancy Box が表示されるという問題があります (レスポンシブ)。ブラウザで見るといっぱいになるので問題ありません。ただし、ブラウザを絞り込むと、メニューの問題が発生します。トップ動画もiPadで見ています。

ウェブサイトには ProjectSeven の Adaption-plugin を使用しています。レスポンシブ CSS レイアウトです: http://projectseven.com/products/templates/pagepacks/adaptations/index.htm

このプラグインは、メニューに Project Seven の Pop Menu Magic 2 も使用しています。

私はコード ウィザードではありませんが、z-index を増やそうとしましたが、うまくいきませんでしたか、それとも裂け目を増やしていませんか?

現在、この問題に数時間を費やしており、私が得ることができるすべての助けに満足しています. 見たい（または見なければならない）コードを教えてください。

4

3 に答える 3

0

メニューを含むこの div から z-index を削除します。

<div id="p7PMM_1" class="p7PMMh19" style="position: relative; z-index: 999999;">

于 2013-01-16T14:50:22.787 に答える
0

メニューが fancybox の上にある理由は、メイン メニューの z-index と位置のプロパティを操作するスクリプト 7PMMscrips.js をページに含めているためです。

これを解決する簡単な方法は、次の css をメインの css ファイルに追加することです。

#p7PMM_1 {
    position: static !important.
}

これで問題は解決しますが、 !important の使用は本当に悪い習慣であるため、お勧めしません。その理由について詳しくは、CSS で "!important" を使用することの意味は何ですか? .

このスクリプトを削除することを検討し、代わりに純粋な css だけを使用してメイン ナビゲーションを作成します。

于 2013-01-16T14:55:09.557 に答える
0

私は専門家ではありませんが、ナビゲーション バーの css ファイルを見ると、z-index がないので、追加してみてください。

ファンシーボックスのcssファイルにはいくつかあり、最低のものはz-index：8010です。そのため、ナビゲーションを以下に設定すると解決するはずです。

このコードを使用してみてください:

    .navigation {
    background-color: #000000;
    background-image: url(images/chameleon.jpg);
    background-repeat: no-repeat;
    background-position: 0px -60px;
    position: relative;
    z-index: 90;
    }
于 2013-01-16T15:09:21.413 に答える