javascript - Z-indexがFancyboxより大きい？

Question

divFancyboxウィンドウの端からオーバーフローさせたいFancyboxの内部があります。

ページの構造は次のようになります。

<div class="fanybox">
    <div class="overflow">
        Test
    </div>
</div>

.overflow窓の端を越えて流れたい。を8030（デフォルトのFancybox値）よりも高い値に変更しようとしてz-indexも.overflow機能しません。もちろん、divは絶対に配置されます。

これを修正する方法はありますか？私が達成しようとしていることのイメージを提供することができます。

score 3 · Accepted Answer

私自身はfancyboxを使用していませんが、デモページでChromeコンソールを試してみて、あなたが探している効果が得られたと思います。

-オーバーフローをドロップします：hidden; ＃fancybox-contentで。

#fancybox-image (or whatever your container is){
.
.
.
    position:relative;
    right:50px;
    z-index:9000;
}

デモページの内容はこれですべてです。コンテンツの親が静的に配置されておらず、オーバーフローが隠されていない限り、絶対に実行可能である必要があります。あなたが何をしようとしているのか理解できれば、おそらく比較的（絶対ではない）位置付けます。お役に立てば幸いです。

編集

了解しました。提供されたリンクからfancybox2を使用して、必要最低限のページをダウンロードして取得しました（明らかに、手に余る時間があります:-)。すべてのデフォルト値を使用して、変更する必要があるのはjquery.fancybox.cssだけでした。

.fancybox-inner {

position:relative;
right:50px;
}

画像はコンテナdivの外に浮かんでいました。別のdivまたは追加したものを移動しようとしている場合、原則は同じです。しかし、それは機能します...グッドラック。

score 0 · Accepted Answer

overflow要素がの中にある場合はfancybox、何も必要ありませんz-index。位置付けされていない要素はすべてstatic独自のスタックを生成し、ファンシーボックス内の相対位置付けされたコンテンツはその外側の要素を簡単にオーバーフローします[デモ]。

2 に答える 2