[Html] <a> tag 태그가 작동하지 않을 때

Intro

기존 <a> tag 는 보통 마우스를 hover 할 경우 하이퍼링크가 걸려있어 밑줄이 생긴다. 하지만 잘 작동하던 css 효과가 갑자기 작동하지 않았고, 링크로 이동하는 기능조차 작동되지 않았다! 😓

Why?

당시 기존 a 태그를 사용하던 부분에서 추가한 컴포넌트가 있었다. 추가된 컴포넌트 때문에 영향이 가서 a 태그가 작동이 안되는 건가 싶었다. 그래서 구글링을 해보니..

Reason

알고보니 z-index 속성 때문에 a tag가 동작하지 않았던 것이였고, 해당 부분에 z-index 값을 설정하니 a tag 가 정상 작동하였다.

https://stackoverflow.com/questions/26833959/why-is-the-a-tag-not-working