<div style="color: #eeffff; background-color: #263238; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #f07178;">section</span>&nbsp;<span style="color: #89ddff;">{</span></div>
<div>&nbsp;&nbsp;<span style="color: #b2ccd6;">position</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">relative</span><span style="color: #89ddff;">;</span></div>
<div>&nbsp;&nbsp;<span style="color: #b2ccd6;">width</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">100vw</span><span style="color: #89ddff;">;</span></div>
<div>&nbsp;&nbsp;<span style="color: #f07178;">&amp;</span><span style="color: #89ddff; font-style: italic;">.</span><span style="color: #ffcb6b; font-style: italic;">top</span>&nbsp;<span style="color: #89ddff;">{</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #b2ccd6;">min-height</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">160vh</span><span style="color: #89ddff;">;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #f07178;">h1</span><span style="color: #89ddff; font-style: italic;">.</span><span style="color: #ffcb6b; font-style: italic;">title</span>&nbsp;<span style="color: #89ddff;">{</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #b2ccd6;">position</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">relative</span><span style="color: #89ddff;">;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #b2ccd6;">color</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #89ddff;">#fff;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #b2ccd6;">text-align</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">center</span><span style="color: #89ddff;">;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #b2ccd6;">padding-top</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">35vh</span><span style="color: #89ddff;">;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #b2ccd6;">font-size</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">40px</span><span style="color: #89ddff;">;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #b2ccd6;">font-weight</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">100</span><span style="color: #89ddff;">;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #89ddff;">}</span></div>
<div>&nbsp;&nbsp;<span style="color: #89ddff;">}</span></div>
</div>
<p>위의 코드에서&nbsp;</p>
<p>섹션과 h1에 포지션 relative를 주신이유는</p>
<p>z-index와 연관이 있는거 맞나요?</p>
<p>포지션을 지우고 테스트하면 별 이미지가 요소를 가리는것같더라구요&nbsp;</p>
<p></p>

<p>네 포지션 속성을 안 주면 z-index가 안 먹습니다~</p>

인프런 커뮤니티 질문&답변

선생님 간단한 질문이있습니다.