#stranger
div를 #mother
과 #child
사이에 넣으려면 어떻게해야하나요? 현재 #stranger
div는 #mother
과 #child
을 모두 포함합니다.부모 div와 자식 사이에 div를 넣으려면 어떻게해야합니까?
<head>
<style>
#mother{
position:absolute;
display:block;
width:300px;
height:300px;
background-color:green;
padding:40px;
z-index:1000;
}
#child{
position:relative;
display:block;
width:180px;
height:180px;
background-color:yellow;
z-index:6000;
}
#stranger{
position:relative;
display:block;
width:300px;
height:600px;
background-color:black;
z-index:1500;
}
</style>
</head>
<body>
<h1>Z-index Test</h1>
<h1>How Do I put #stranger between #mother and #child?</h1>
<div id='mother'>
<div id='child'></div>
</div>
<div id='stranger'></div>
</body>
</html>
소리가 너무 틀립니다. – BoltClock
윤리적 인 양심의 가책이 없다면 나는 업보를합니다. – Emanegux