Anistar RIA Blog

這是一個算是被問到爛的問題，剛好最近班上又有同學問起，寫在這邊給大家參考。

不論是Flash也好或是Flex也好，編譯完都是一個SWF檔放在HTML中，若是想要做出背景透明的效果，只需要用到嵌入的參數即可，這跟ActionScrit 3.0, Flash, Flex可以說是一點都沾不上關係。

只要將Flex或是Flash所產生出來的SWF檔，加上wmode的參數為transparent就可以了，只是要加的時候要特別注意一次要加三個地方，這樣才能確保每種瀏覽器的效果都是ok的，另外由於Flash跟Flex的設計有一些不同，所以要有透明背景效果請注意以下規則：

1. Flash不需做特別處理，其背景顏色可以忽略不管
2. Flex因為會自動畫一層背景上去，建議將backgroundAlpha外觀屬性設為0

你可以參考下方的HTML標籤內容：

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="TransparentBackground" width="300" height="150"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="TransparentBackground.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#869ca7" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<embed src="TransparentBackground.swf" mce_src="TransparentBackground.swf" quality="high" bgcolor="#869ca7"
width="300" height="150" name="TransparentBackground" align="middle"
play="true"
loop="false"
quality="high"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer"
wmode="transparent">
</embed>
</object>

這個示範我是用Flex作Demo的，若想參考Flex的寫法可以參考下方的程式碼：


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
width="300" height="150">
<mx:Script>
<![CDATA[
private function clickHandler():void
{
if(this.bgButton.selected)
{
this.setStyle("backgroundAlpha",0);
this.bgButton.label="不透明";
}
else
{
this.setStyle("backgroundAlpha",1);
this.bgButton.label="透明";
}
}
]]>
</mx:Script>
<mx:ComboBox x="10" y="10">
<mx:dataProvider>
<mx:String>Item 1</mx:String>
<mx:String>Item 2</mx:String>
<mx:String>Item 3</mx:String>
<mx:String>Item 4</mx:String>
<mx:String>Item 5</mx:String>
</mx:dataProvider>
</mx:ComboBox>
<mx:Button id="bgButton" x="224" y="96" label="透明" toggle="true"
fontSize="12" click="clickHandler()"/>
</mx:Application>


效果展示: