Program/HTML.CSS

탑바를 유령화시키고 body에 padding-top값을 준 이유!!

주니코리아 2020. 7. 12. 23:26

1. 농협 탑바는 최상단 탑바와 상단 탑바 2가지로 나눈다. 

 탑바 전체를 position:absolute 유령화시킨 이유는 무엇인가?

 

2. 유령화를 시키지 않으면 탑바가 위에서 부터 밀리고 호버시에도 배경이미지는 더 밀리게 된다. 

배경이미지를 정확하게 고정된 상태에서 보게 하려면 유령화!!

탑바를 유령화안시키면 위그림처럼 다 밀리게 된다. 

3. 윗 이미지처럼 탑바를 유령화시키면 배경이미지 위에 뜨게 된다. 

그래서 배경이미지 부분을 내려준다. 

body에 padding-top을 준다. 그러면 이미지가 밑으로 내려온다. 

padding- top : 87px를 주었다.