방법이 있을까요?
본문
부모 div에 overflow:hidden;가 꼭 들어가는 상황에
자식 요소가 z-index의 값이 확실하게 먹지 않습니다
부모 요소가 가려져서 자식요소가 따라가는데 부모의 css속성의 영향을 받지 않고 부모보다 위에 띄우고 싶은데..... 여러 시도를 해봐도 답이 안나오네요. 부모의 속성을 무시하고 div 창을 위로 띄울 수 없을까요?
아! 자식 요소 위치는 부모 요소 안에 위치해 있어야 합니다....
!important 쓰고 해도 부모영역안에서 가려지네요. 혹시 해결방법 아시는분은 답변 부탁드립니다.
예)
<div stlye="position:relative; overflow:hidden; width:300px; height:50px; border:1px solid red;">
<div style="position:absolute; z-index:999; width:100px; height:100px;">난 자식 요소이지만 부모의overflow:hidden 속성을 무시하고 부모에게 가려지지않고 부모 보다 위로 가고 싶어........ </div>
</div>
답변 2
우선 오타인지는 모르겠으나
<div stlye="position:relative; overflow:hidden; width:300px; height:50px; border:1px solid red;">
<div style="position:absolute; z-inde
...
stlye -> style 로 바꾸시고
부모 요소의 position 속성을 그냥 제거하면 될 것 같습니다.
네 저도 지금까지 삽질하다가 해결하고 와봤는데........ position 설정을 해준게 영향이 미치더라구요...... 자식요소가 부모요소안에서 절대적으로 움직이려고 넣었는데 이게 문제가 될줄은..... 답변감사합니다!
레이어 순서가 위로 올라가는건가요
아니면 부모보다 화면상 top쪽으로 올라가고 싶은건가요?
자식 요소의 position:absolute의 z-index 값이 부모 요소보다 위에 뜨게 하고 싶습니다. 부모의 overflow의 영향으로 가려집니다. 그 위로 보이게가 안되네요.