원본과 새로운 표현의 변환하는 지속 비율을 0에서 1 사이의 수치로 반환하거나 설정한다.

Script object.filters.item('progid:DXImageTransform.Microsoft.Fade').[=propVal]
HTML {filter:progid:DXImageTransform.Microsoft.Fade(=propVal)...}
인수
propVal 값의 종류 : 부동소수점 수치
0.0 ~   원본 이미지와 새로운 이미지의 중복되는 지속 시간 비율.
1.0 디폴트
읽기/쓰기 가능성
읽기/쓰기
특기

만일 Overlap 속성값이 0.4, Duration 속성값이 10초로 설정되었으면.



Overlap 필터 속성 예제


Fade 필터 예제 
<SCRIPT>
function doPlay(job){
  divObj.style.backgroundColor='white';
  divObj.filters[0].Apply();
  divObj.filters[0].Enabled=true;
  divObj.filters[0].Overlap=job;
  divObj.filters[0].Duration=10;
  divObj.style.backgroundColor='red';
  divObj.style.color='white';
  divObj.filters[0].Play();
}
</SCRIPT>
<DIV id="divObj" style="width:600;color:blue;font-size:30;line-height:1.2em;font-weight:bold;
  filter:progid:DXImageTransform.Microsoft.Fade()">
<IMG src=../../gif/rfexample.gif width=100><BR>
Fade 필터 예제
</DIV>
<BUTTON onclick="doPlay(1.0)" style="width:120">필터 Overlap=1.0</BUTTON>
<BUTTON onclick="doPlay(0.7)" style="width:120">필터 Overlap=0.7</BUTTON>
<BUTTON onclick="doPlay(0.5)" style="width:120">필터 Overlap=0.5</BUTTON>
<BUTTON onclick="doPlay(0.2)" style="width:120">필터 Overlap=0.2</BUTTON>
<BUTTON onclick="doPlay(0)" style="width:120">필터 Overlap=0.0</BUTTON>