JS, 자바스크립트, Z index, CSS, Navbar

2022. 4. 29. 12:38CS (computer Science)

728x90

여러분이 보는 홈페이지 화면에서 네비게이션 바는 항상 잘 보여야 합니다. 

만약 이렇게, 네비게이션 바가 아래에 위치한다면, 화면이 굉장히 이상하게 보이겠죠. 사용자가 이탈할 수도 있고요. 기본적으로 이런 문제를 막으려면 Z-index를 활용하면 되는데,

하단처럼 z-index를 1로 해주면 됩니다. 이렇게 되면 #navbar를 가장 처음에 위치시키므로 

이렇게 잘 보이게 되는거죠. 그런데, 항상 잘 적용되는 것은 아니고,

적용하려는 태그에 Position 속성을 부여해줘야만 가능합니다.