2

以下のjsfiddleのような効果を出そうとしています。デフォルトとは逆の方向にHTMLリストを重ねたいと思います。

目標は、親リスト要素が子リスト要素の上にあるかのように表示されるようにすることです。フィドルでは、ボックスの影をよりよく表示するために、子要素にマージントップがあります。私の目標は、をmargin-topから5pxに変更し、-5pxその子アイテムを親の下に表示することです。

http://jsfiddle.net/cepDd/

これは達成可能なものですか？私はzインデックスでいくつかのことを試しましたが無駄になりました。絶対測位を使ってみましたが、うまくいかなかったようです。

4

2 に答える 2

1

Zインデックスは、プロパティを設定した場合にのみ機能しますposition。relativeこの場合、に設定すると実行されます。

コードに基づいてこのフィドルを参照してください。

注：マージンを5pxではなく0pxに設定したため、子は親の下に隠れます。間隔を広げるpadding-top代わりにを使用することをお勧めしますmargin-top

于 2012-10-31T13:50:53.783 に答える
0

目標を完全に理解しているかどうかはわかりません。子はすでに親の下にあります。「後ろ」を意味する場合は、子供の不透明度を設定できます

 opacity: 0.5;

デモンストレーションを行うフィドル

于 2012-10-31T13:45:10.703 に答える