개체가 투명할 수 있는가를 부울값으로 반환하거나 설정한다.

인수
: (속성 부울값)
속성값은 개체가 투명할 수 있는가를 나타내는 부울값이다.

false 디폴트이며, 개체는 투명하지않고 투명해 질수 없다.
true 개체는 투명해 질수 있다.

이 속성은 읽기/쓰기로 디폴트값은 false이다.

특기

속성값이 false로 설정되면 개체의 backgroundColor 속성은 윈도우에만 적용되고,
속성값이 true로 설정되면 개체의 backgroundColor 속성은 transparent 디폴트 속성값을 포함하여 다른 값이 설정될 수 있다.

적용
개체scriptHTML규격IE
참고

이 속성은 (영문)HTML 3.2 규격에 Microsoft가 확장한 것이다.


문서 위에서 iFrame 개체가 보이는 상태이며, 내역들 보면.

FrameallowTransparencybackground-color보이는 결과설명
Frame1 true - pink 투명
Frame2 true yellow yellow 투명하나 배경색이 노랑색
Frame3 false(디폴트) - white 디폴트에 의해 불투명
Frame4 false(디폴트) yellow white 디폴트에 의해 불투명 
<SCRIPT>
function showIt(){
  newWin=window.open('','example','');
  str='<BODY style="background-color:pink"><STYLE>iFrame{width:300;height:100}</STYLE><CENTER>';
  str+='<NOBR><IFRAME id="Frame1" src="../property/exp/wTrans.html" allowTransparency="true"></IFRAME>';
  str+='<IFRAME id="Frame2" src="../property/exp/wTrans.html" '+
    'allowTransparency="true" style="background-color: yellow"></IFRAME></NOBR>';
  str+='<NOBR><IFRAME id="Frame3" src="../property/exp/wTrans.html"></IFRAME>';
  str+='<IFRAME id="Frame4" src="../property/exp/wTrans.html" style="background-color:yellow"></IFRAME></NOBR>';
  str+='<BR><BUTTON onClick="self.close()">창닫기</BUTTON>';
  str+='</BODY>';
  newWin.document.write(str)
}
</SCRIPT>
<BUTTON onclick="showIt()">예제 클릭</BUTTON>

../property/exp/wTrans.html 파일 코드
<HTML>
<HEAD>
<TITLE>투명성(Transparent) 예제 페이지</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=euc-kr">
</HEAD>

<BODY style="background-color:transparent">
<H4>투명성(Transparent) 예제 페이지</H4>
</BODY>
</HTML>