<aside> 💡 2022.11.27. 김관경

</aside>

Header의 버튼이 클릭되지 않는 에러

문제발생

• Header의 입장하기 버튼이 정상적으로 클릭되지 않았다.

문제분석

• KeywordBubbleChart가 position absolute로 top:0; left:0; 으로 설정되어있기에 헤더를 덮고있어서 발생한 에러였다.
• z-index를 주고자확인해보니 일단 커뮤니티 페이지 레이아웃에 width와 height이 적용되어있지 않아서 적용했다.

문제해결

• z-index는 position이 설정되어있어야 적용가능하다. position을 설정하여 해결하였다.

/ 참고자료

쌓임 맥락 - CSS: Cascading Style Sheets | MDN

4 reasons your z-index isn't working (and how to fix it) - Coder Coder

z-index가 동작하지않는 이유 4가지 (그리고 고치는 방법)