1

ネストされた div を親 div でオーバーレイすることに少し問題がありますが、ここで既に検索されていますが、私の問題に適合する解決策はありません。

サンプル CSS:

#content {
    position: relative;
    top: 80px;
    min-height: 530px;
    width: 1000px;
    z-index: 2;
}
#category {
    position: absolute;
    top: -30px;
    right: 0;
    z-index: 1;
}

サンプル HTML:

<div id="content">
    <div id="category"></div>
</div>

それはどのように見えるべきですか：

ネストされた div#categoryは、 の右上にくっつき、その#content後ろにある必要があります。これにより、#contentがオーバーレイします。それを処理するのが最善の方法ではないことはわかっていますが、プロジェクト全体のスタイルが悪いため、そのようにする必要があります (少し調整しています)。

前もって感謝します！

4

1 に答える 1

5

子要素を親の後ろに配置するには、次のように負の値を使用する必要がありますz-index。

#category {
    position: relative;
    z-index: -1;
}

ライブデモ: jsFiddle

于 2012-09-13T09:19:43.617 に答える