농협 상단바 구현시 기억할 점 정리.

1. 탑바 박스를 전체 position : absolute로 유령화 시킨점.

2. 최상단 탑바  .content-item로 선택자로 기재한 이유.

3. line-height 를 주고.이미지들을 수직 정렬하기 위해 한일.

4. vertical-align: baseline. 밑에 이미지가 감. middle로 쓰자.

5. 구분선을 기억하자.

왜 크기가 일정하지 않을까?

li:hover 를 하면 2차 목록별로 각각 보여지고. menu-box-1:hover를 주면 전체 박스 ul이 선택되어 보여진다. 

6. 아래꺽세 V 를 스판처리 않고  본 사이트에서 V 를 백그라운드 이미지로 처리후 visibility:hidden  처리.

7. 아래 밑선 효과도 평소엔 보여지지 않게 dislplay:none처리. 밑선 효과를  보더를 주면 안될까? 헐. 밑처럼. 안됨. 계속보여지고.연결되어 보임.

 

8. 탑바구분선 만들기. div.top-bar-2-line-1를 만들고 유령화. 높이는 1px를 준다.