메가공무원 전문관 메뉴
로그인을 해주세요.
목록으로 돌아가기
이벤트 - 배경 이미지 - 그림자 배경
적용 범위
-
-
- - 이벤트 공통 요소들의 스타일은 common\css\event_common_standard.css에 정의되어 있다.
- - 이벤트 작업시 하단부에 있는 shadow 배경 이미지는 통일된 이미지를 사용하며 영역의 하단부에서부터 위치를 잡는다.
- - shadow 배경 요소의 마크업은 <span class="bg_shadow"></span>로 통일해서 사용하며 각각의 이벤트 영역 처음에 있다.
- - shadow 배경 요소는 1200px 이하에서 사라진다.
- - shadow 배경 요소의 위치는 PSD상의 영역 하단부로부터 상대적 높이로 적용한다.
shadow 배경 이미지
이벤트 영역에서의 마크업 형태 + CSS 처리
component\components\event\guide.asp
- 그림자 배경은 공통 css에서 기본적으로 { bottom: 0; }으로 설정되어 있으며 이벤트 시안의 위치 이동에 따라 다음과 같이 css로 조절한다.
#event3 .bg_shadow { bottom: -50px; }
#event4 .bg_shadow { bottom: 260px; }