애니빌드.LAB
토론방
디자인팜2.0 백그라운드 삽입 문의
- z**omong1910
- 2017-12-12 18:17:50
- hit3335
- http://lab.anybuild.co.kr/bbs/qna/6883
이벤트 영역에 배경을 넣으면 배경이 타이틀 부분과 이벤트 내용 출력 영역이 다르게 잡혀서
배경이 중간에 겹쳐보이는 부분이 있습니다.
해당 영역을 하나로 만들어서 배경을 삽입할 수 있는 방법 문의드립니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
죄송합니다만 어느부분을 말씀하시는건지 파악이 되지 않는데요
보다 자세하게 설명을 부탁드려도 될런지요
아래 이미지에 표시 된 부분 영역이 나뉘어 있는데
해당 부분에 각각 백그라운드를 넣으면 백그라운드가 짤려서 나오는거처럼 출력이 됩니다.
두개 영역을 하나로 잡아서 백그라운드를 넣을수 있는 방법 문의드립니다.
- 하나로 연결해서 넣으실 수 없습니다.
- 상단배경, 하단배경 두개로 등록해주셔야 합니다.
- 다음과 같이 설정되도록 '블록 설정' 콘텐츠를 추가해드렸습니다.
(상단)
: 배경이미지가 아래쪽 기준으로 출력되도록 설정
(하단)
: 배경이미지가 위쪽 기준으로 출력되도록 설정
- 상단 배경 끝부분과 하단 배경 윗부분이**연결되도록 배경이미지를 새로 등록해주시면 됩니다.
(다음과 같이 이미지를 등록해드렸습니다.)
위에 이미지가 흰색+투명이라서 안보이네요.
배경색을 넣어서 첨부합니다.
문의드린 영역 하단 프로그램에도 배경을 넣었는데
블록 설정해주신거 복사해서 넣었는데
해당 소스의 repeat 등 style 값을 수정해야될거 같은데 어디서 수정할 수 있는지 문의 드립니다.
- 블록에 배경을 넣을 경우 다음과 같은 css 가 자동으로 추가되며 해당값은 직접 수정이 불가능합니다.
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-color: transparent;
background-image: url(이미지경로);
background-position: center center;
background-repeat: repeat;
- 해당값을 블록설정에 추가해서 수정하시면 됩니다.
- 상단 부분의 경우 다음과 같이 추가되어 있습니다.
background-position: bottom center !important;
- 이와 같이 각각의 css 뒤에 !important 를 추가해서 입력하시면 정상 적용됩니다.
예시)
- 배경을 하단중앙으로 정렬하고, 반복을 하지 않을 때
background-position: bottom center !important; background-repeat: no-repeat !important;