User Tools

Site Tools


chartmultibgimages

챠트를 비율배치 했을때 배경이미지 처리

  • 아래는 챠트를 비율배치하여 챠트 크기가 변할때 배경이미지의 위치도 그에맞게 찾아가는 모습니다.
  • 좁은해상도에서

좁은해상도에서

  • 넓은해상도에서

넓은 해상도에서

  • 샘플 이미지

좌상좌상
우상우상
좌하좌하
우하우하

방법.
1. 좌상/우상/좌하/우하단에 배치될 이미지를 각각 따로 만든다.
이미지는 배경이 투명한 png 로 만드는것이 좋습니다.
해상도가 최하일때 서로 겹침이 발생할 수 있기 때문입니다.

2. 해당 영역의 style class 또는 id 를 대상으로 css selector를 이용하여 배경을 설정합니다.
포털의 스타일 또는 서버에 css 파일에 작성할 수 있습니다.

.scatter_bg {
    background : url(item_analyze_lt.png) no-repeat top left,
                 url(item_analyze_rt.png) no-repeat top right,
                 url(item_analyze_lb.png) no-repeat bottom left,
                 url(item_analyze_rb.png) no-repeat bottom right;
}
chartmultibgimages.txt · Last modified: 2012/12/05 09:02 by lakystars