부모 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개 / 댓글 2개
우선 오타인지는 모르겠으나
<div stlye="position:relative; overflow:hidden; width:300px; height:50px; border:1px solid red;">
<div style="position:absolute; z-inde
...
stlye -> style 로 바꾸시고
부모 요소의 position 속성을 그냥 제거하면 될 것 같습니다.
답변에 대한 댓글 1개
humanb2box레이어 순서가 위로 올라가는건가요
아니면 부모보다 화면상 top쪽으로 올라가고 싶은건가요?
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.