hackPNGOpacity()

Type : public method

Support : 0.6

Return : -

  • IE7~8 PNG Opacity 버그 문제를 해결해 주는 핵.
  • img와 background-img에 적용가능, IE9부터는 동작하지 않게 분기되어 있다.
    background가 적용되어있으면 적용하지 않아도 된다.
  • 버그핵이 정상적으로 반영되기 위한조건
    1. 투명 PNG이미지는 반드시 Node에 싸서 Node에 Opacity를 줘야 한다.
    2. ie8에서 이미지에 position을 주면 안된다.
    3. ie8에서 filter상속 부분때문에.. 자식들에게 filter: inherit를 써준다.
    4. ie7에서 자식들에게 필터 상속을 하려면 부모의 positon을 꼭 써줘야 한다.

Methods

  • hackPNGOpacity( target, overlay ) : voidver 0.6~

    • target : ElementSelectorArray
      단일대상, 다중대상 img태그.
    • overlay : Boolean
      기본값 true, false설정시 그림자가 진해지는 현상은 제거할수 있으나 이미지에 따라 제대로 핵이 안될수도 있다.

Example

$B.utils.hackPNGOpacity( '#wrap img' );