투명 png 이미지를 background ie6 전용 핵 적용법...

테스트에 사용된 3개의 sizingMethod의 옵션에 공통적인 조건은 아래와 같습니다. 꼭 ie6에서 테스트 하시기 바랍니다.

  1. width : 100%
  2. height : 150px
  3. background:url(ff_logo.png) #ccc;
  4. 이미지 사이즈 : 100 x 96

1. sizingMethod이 'crop'일때

2. sizingMethod이 'scale'일때

3. sizingMethod이 'image'일때

위 세가지 방법으로 보았을때 조건에 딱 맞는 sizingMethod의 속성은 crop이 되겠습니다.
scale일 경우 background이미지가 적용된 박스의 사이즈에 따라서 이미지 사이즈가 늘어나게 됩니다.
image일 경우 background이미지가 적용된 박스의 사이즈와는 무관하게 해당 이미지의 사이즈에 맞게끔 박스의 사이즈가 바뀌는군요.
그래서 반복되는 background이미지에 부득이하게 png 이미지(투명이미지)를 사용 할 경우 박스의 사이즈에 맞게 이미지를 잘라서 사용을 해야합니다.
이유는 예제에서도 보이지만 이 핵을 사용했을때 repeat와 position이 안먹는 치명적인 버그(???)가 있습니다.