개체의 테두리 속에서 잘라내기나 이미지의 크기를 조정할 수 있으며, 내용과 배경 사이에 디스플레이 된다.

Script object.style.filter='progid:DXImageTransform.Microsoft.(propVal)'
HTML <ELEMENT style="filter:progid:DXImageTransform.Microsoft.(propVal)">
AlphaImageLoader 필터 예제(클릭)
인수
propVal : (속성 문자열)
필터가 가질 수 있는 한개 이상의 속성들로 속성=값들을 컴마(,)로 연결, 구성된 문자열이다.

애트리뷰트 속성 설명
enabled Enabled 필터가 작용할 수 있게 할 것인가를 반환하거나 설정한다. true: 사용가능, false:사용 불가능
sizingMethod sizingMethod 필터가 적용되는 개체의 외곽 크기에서 이미지를 표시하는 방식을 반환하거나 설정한다.
src src 필터가 적용될 개체의 이미지 주소를 반환하거나 설정한다.
특기

src 속성은 디폴트가 없으므로 필터를 적용하기 위해서는 지정하여야 한다.

텍스트 선택에서 PNG 이미지의 투명성이 인정되어 완전 투명한 PNG 이미지 지역 뒤의 내용을 선택할 수 있다. PNG 이미지를 로딩할 때 투명도가 0 ~ 100%가 지원된다.

적용style
A, ACRONYM, ADDRESS, B, BDO, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, CUSTOM, DD, DEL, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FONT, FORM, FRAME, hn, I, IFRAME, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, INS, KBD, LABEL, LEGEND, LI, MARQUEE, MENU, NOBR, OL, OBJECT, P, plainText, PRE, Q, RT, RUBY, S, SAMP, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TD, TEXTAREA, TH, TT, U, UL, VAR, XMP

DIV에서 필터 속성 예제

sizingMethod(scale) 위치에 image, crop을 사용할 수 있다.

<SCRIPT>
var clickBut=true
function doPlay(obj){
 if (clickBut){
    divObj.filters(0).sizingMethod='image';
    butObj.style.width=100;
    obj.innerText='확대하기';
   clickBut=false;
  } else {
    butObj.style.width=150;
    divObj.filters(0).sizingMethod='scale';
    obj.innerText='정상으로';
    clickBut=true;
  }
}
</SCRIPT>
<DIV id="divObj"
  style="position:relative;height:150;width:150;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://trio.co.kr/gif/triov.jpg',sizingMethod='scale');" >
</DIV>
<BUTTON id=butObj onclick="doPlay(this);" style="width:150">정상으로 만들기</BUTTON>