z-index 관련 질문입니다.

[이강호]

html 강의 기초 모듈 'position 숙제 & 반응형 width & box-sizing' 강의에서처럼 z-index를 버튼과 아래 박스에 적용을 했는데 버튼이 위로 올라오지 않아서 질문 드립니다. 구글링을 해보니 z-index는 같은 부모를 가진 자식들 사이에서 적용이 된다고 설명이 되어 있는데 ,강의에서는 아래 이미지처럼 스타일을 주어도 분명 잘 작동이 되는 것으로 보였습니다.  강의에서는 어떤 원리로 스타일이 적용이 된 건가요?

[codingapple]

사진있는 div에 z-index를 준 상태라그런게 아닐까요 

그런거 없이 버튼이랑 저 박스에만 z-index가 있으면 서로 잘 앞뒤정렬됩니다

[이강호]

이미지가 들어가있는 div 박스 css코드

html 코드

이미지가 들어가 있는 div에는 z-index를 작성하지 않은 상태인데도 똑같아요..ㅠ

[codingapple]

filter 속성쓰면 stacking order 이런게 바뀌어서 의도와 다르게 동작할 수 있습니다 

[글쓴이]

글