토론방

디자인팜2.0 백그라운드 삽입 문의

 

이벤트 영역에 배경을 넣으면 배경이 타이틀 부분과 이벤트 내용 출력 영역이 다르게 잡혀서

배경이 중간에 겹쳐보이는 부분이 있습니다.

해당 영역을 하나로 만들어서 배경을 삽입할 수 있는 방법 문의드립니다.

게시글 공유 URL복사
댓글[6]

열기 닫기

  • P**M 2017-12-13

    죄송합니다만 어느부분을 말씀하시는건지 파악이 되지 않는데요 

    보다 자세하게 설명을 부탁드려도 될런지요

  • s**c 2017-12-13

    아래 이미지에 표시 된 부분 영역이 나뉘어 있는데

    해당 부분에 각각 백그라운드를 넣으면 백그라운드가 짤려서 나오는거처럼 출력이 됩니다.

    두개 영역을 하나로 잡아서 백그라운드를 넣을수 있는 방법 문의드립니다.

  • 이**우 2017-12-13

    - 하나로 연결해서 넣으실 수 없습니다.

    - 상단배경, 하단배경 두개로 등록해주셔야 합니다.

     

    - 다음과 같이 설정되도록 '블록 설정' 콘텐츠를 추가해드렸습니다.

     

    (상단)

    : 배경이미지가 아래쪽 기준으로 출력되도록 설정

     

    (하단)

    : 배경이미지가 위쪽 기준으로 출력되도록 설정

     

    - 상단 배경 끝부분과 하단 배경 윗부분이**연결되도록 배경이미지를 새로 등록해주시면 됩니다.

      (다음과 같이 이미지를 등록해드렸습니다.)

  • 이**우 2017-12-13

    위에 이미지가 흰색+투명이라서 안보이네요.

    배경색을 넣어서 첨부합니다.

  • s**c 2017-12-13

    문의드린 영역 하단 프로그램에도 배경을 넣었는데

    블록 설정해주신거 복사해서 넣었는데

    해당 소스의 repeat 등 style 값을 수정해야될거 같은데 어디서 수정할 수 있는지 문의 드립니다.

  • 이**우 2017-12-13

    - 블록에 배경을 넣을 경우 다음과 같은 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;

댓글작성

열기 닫기

댓글작성
top