<TIL - 0003> 미니프로젝트 -3-

---

---

미니 프로젝트 끝..?

얼레벌레 완성..

첫 프로젝트 치고 그.나.마.? 그럴싸한 결과물이 나왔는데
코드를 까보면 너무 더럽다.

읽기 쉬운 코드가 좋은 코드라던데
아마 아주 나쁜 코드를 작성한듯 싶다.

---

상단 헤더 네비게이션바를 만드는 과정에서
스크롤을 내렸을때 일부 구간에서 다른 콘텐츠들이 네비게이션 바 위로 침범

그 증상을 해결하기위해 각종 코드들을 수정했으나 나아지지않았지만
의외로 간단히 해결되었다.

z-index로 레이어 순서 조정

header {
    background-color: black;
    width: 100%;
    height: 88px;
    position: fixed;
    top: 0px;
    z-index: 9999;
}

z-index 를 통해서 가장 위에있도록 설정해서 가려지지않도록 조치했다.
코드가 작성된 순으로 위치값이 정해진다고 한다.

그래서 헤더를 만들기 전 콘텐츠들은 가려지고
이후에 만들었던건 가렸었나보다

어찌저찌 끝마치긴 했는데
왜 시간만 많으면 뭐든 만들어낼 수 있다고 하는지 알것같다..

시간이 너무 부족해...........

---

---