絶対配置された子を絶対配置された親の後ろに表示しようとしています。青い親は赤い子の上に表示されます。絶対配置された親を絶対配置された子の上に表示するようにします。
子供にz-index: -1
を設定しようとしましたが、赤い子供が見えなくなりました。
.container {
position:relative;
background-color:grey;
width: 500px;
height: 500px;
}
.parent {
background-color:blue;
position:absolute;
top: 50px;
left: 10px;
height: 100px;
width: 100px;
border-radius: 100%;
}
.child {
position:absolute;
top:-5px;
right: 0px;
width: 30px;
height: 30px;
border-radius: 100%;
background-color:red;
}
<div class="container">
<div class="parent">
<div class="child"></div>
</div>
</div>
https://jsfiddle.net/dwil30/mh3qw64x/
それはあなたがdiv要素で、この親/子関係を維持することを100%必要ですか?彼らが兄弟であれば、はるかに簡単です – Matt
理想的にはそうです。なぜなら私はjqueryをdraggableを親に使用しているから、親子関係を維持したいからです。しかし、兄弟姉妹への移動が唯一の方法であれば、私はそれをしなければならないでしょう... –
両方の中で一番良いことはありませんか?親と同じサイズのドラッグ可能な祖父母要素を作成します。親と子が兄弟になる – Scoots