0

ページでZurb の Off Canvas LayoutとGalleriaを組み合わせて使用​​しています。

Zurb のレイアウトは一般的な構造に使用され、Galleria はフルスクリーンに切り替えることができるフォト ビューアーを作成します。

HTML は基本的に次のようなものです (簡略化)。

<section role="complementary" style="z-index: 2;"> Sidebar Content </section>
<section role="main" style="z-index: 1;">
    <div id="galleria"> [small images here, no problem with these]
        <div class="fullscreen" style="width: 100%; height: 100%; z-index: 999;">
            [fullscreen images go here, the sidebar appears above them]
        </div>
    </div>
 </section>

フルスクリーン イメージ コンテナ (z-index: 999) は、補完的な よりも低い z-index メインに含まれているため、フルスクリーン モードで画像を表示すると、補完的なサイドバーが画像の上に表示されます。

私が使用しているこれらのテクノロジーを変更したくないので、誰かがこの問題に対する CSS ソリューションを持っていることを願っています。

がっかりするような投稿を既に見ましたが、誰かが知らないことを知っているのではないでしょうか?

4

1 に答える 1

0

要素を配置する必要があります。クラスを持つ要素には、、、またはをposition:absolute使用position:relativeしますposition:fixed.fullscreen

于 2012-12-18T08:51:24.873 に答える