javascript - 親の絶対Zインデックス内の子の絶対位置

Question

親の絶対は子の絶対の下にある必要があります CSSでこの問題を解決するにはどうすればよいですか?

位置は絶対でなければなりません。

    <div class="parent">
      <div class="child">child</div>
    </div>
    <div class="parent">
      <div class="child">child</div>
    </div>

私のコードはここにあります

Answer 1

このクラスを編集します:

.child {
position: absolute;
right: -280px;   /* add this and remove left:0; */
top: 0;
text-align: center;
width: 280px;
height: 300px;
background: #0f0;
display: none;
z-index: 1;   /* add this to set child over the second parent */

jsfiddle