代碼如下：
a.html如下：
<HTML><HEAD><TITLE></TITLE>
< http-equiv=Content-Type content="text/html; charset=utf-8">
</HEAD>
<BODY style="BACKGROUND-COLOR: transparent">
<H1>透明文檔</H1>
<P>此I無背景顏色</P>
<P>BODY：<br><BODY STYLE="background-color:transparent"></P></BODY></HTML>
b.html如下：
<HTML><HEAD><TITLE></TITLE>
< http-equiv=Content-Type content="text/html; charset=utf-8">
</HEAD>
<BODY style="BACKGROUND-COLOR: transparent">
<H1>透明文檔</H1>
<P>此I 設為綠色。</P>
<P>BODY： <br><BODY STYLE="background-color:transparent"></P></BODY></HTML>
如果a.html透明的，它將繼承I的背景顏色 如果容器I也是透明的，a.html將繼承I的父容器的顏色，如果一個對象不透明，它將覆蓋其容器的顏色，默認是透明的。
Internet Explorer 5.5 以上版本允許你設置透明屬性，通過設置是否可被透明，你可以改變背景的顏色。［在不設置透明屬性的情況下，默認背景顏色為白色］
I定義如下：
<I ID="1" src="/a.html" allowTransparency="true" HEIGHT=180 WIDTH=300> </I> <I ID="2" src="/b.html" allowTransparency="true" STYLE="background-color:#459800" HEIGHT=180 WIDTH=300> </I>
按鈕定義如下：
<INPUT TYPE="button" ="不透明" ="turnTransparencyOff()"> <INPUT TYPE="button" ="透明" ="turnTransparencyOn()">
<>
//函數turnTransparencyOff()：
turnTransparencyOff()
{ all.1.allowTransparency = false; all.2.allowTransparency = false; }
//函數turnTransparencyOn()：
turnTransparencyOn()
{ all.1.allowTransparency = true; all.2.allowTransparency = true; }
</>
posted on 2007-05-30 01:01
jadmin 閱讀(66)
評論(0) 編輯 收藏