-
탑바를 유령화시키고 body에 padding-top값을 준 이유!!Program/HTML.CSS 2020. 7. 12. 23:26
1. 농협 탑바는 최상단 탑바와 상단 탑바 2가지로 나눈다.
탑바 전체를 position:absolute 유령화시킨 이유는 무엇인가?
2. 유령화를 시키지 않으면 탑바가 위에서 부터 밀리고 호버시에도 배경이미지는 더 밀리게 된다.
배경이미지를 정확하게 고정된 상태에서 보게 하려면 유령화!!
탑바를 유령화안시키면 위그림처럼 다 밀리게 된다.
3. 윗 이미지처럼 탑바를 유령화시키면 배경이미지 위에 뜨게 된다.
그래서 배경이미지 부분을 내려준다.
body에 padding-top을 준다. 그러면 이미지가 밑으로 내려온다.
padding- top : 87px를 주었다.
'Program > HTML.CSS' 카테고리의 다른 글
농협-퀵아이콘박스 작업과정 (0) 2020.07.13 농협 -퀵아이콘박스 7개 (가로정렬) 비교? (0) 2020.07.13 line-height:100px; 와 div { height : 100px} 관계 , 단한줄일때 (0) 2020.07.12 a에 padding을 줄때 display :block;을 해주는 이유. (0) 2020.07.12 float--> clear:both (줄바꿈) (0) 2020.07.12