flexpaper 背景色变化

1、mxml文件头部：添加 backgroundAlpha="0"

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               xmlns:s="library://ns.adobe.com/flex/spark"
               width="510" height="510" <span style="color: #ff0000;">backgroundAlpha="0"</span>>

2、Html：<param>标签下添加 <param name=“wmode” value=“transparent”/>

<noscript>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="510" height="510" id="zhuanpan">
                <param name="movie" value="zhuanpan.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="#ffffff" />
                <param name="allowScriptAccess" value="sameDomain" />
                <param name="allowFullScreen" value="true" />
        <span style="color: #ff0000;"><param name='wmode' value='transparent'></span>
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="zhuanpan.swf" width="510" height="510">
                    <param name="quality" value="high" />
                    <param name="bgcolor" value="#ffffff" />
                    <param name="allowScriptAccess" value="sameDomain" />
                    <param name="allowFullScreen" value="true" />
            <span style="color: #ff0000;"><param name='wmode' value='transparent'/></span>
                <!--<![endif]-->
                <!--[if gte IE 6]>-->
                    <p>
                        Either scripts and active content are not permitted to run or Adobe Flash Player version
                        10.2.0 or greater is not installed.
                    </p>
                <!--<![endif]-->
                    <a href="http://www.adobe.com/go/getflashplayer">
                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
                    </a>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
        </noscript>

3、Html：<script>标签中 添加 params.wmode="transparent";

<script type="text/javascript">
            // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection.
            var swfVersionStr = "10.2.0";
            // To use express install, set to playerProductInstall.swf, otherwise the empty string.
            var xiSwfUrlStr = "playerProductInstall.swf";
            var flashvars = {};
            var params = {};
            params.quality = "high";
            params.bgcolor = "#ffffff";
        <span style="color: #ff0000;">params.wmode="transparent";</span>
            params.allowscriptaccess = "sameDomain";
            params.allowfullscreen = "true";
            var attributes = {};
            attributes.id = "zhuanpan";
            attributes.name = "zhuanpan";
            attributes.align = "middle";
            swfobject.embedSWF(
                "zhuanpan.swf", "flashContent",
                "510", "510",
                swfVersionStr, xiSwfUrlStr,
                flashvars, params, attributes);
            // JavaScript enabled so display the flashContent div in case it is not replaced with a swf object.
            swfobject.createCSS("#flashContent", "display:block;text-align:left;");
        </script>

注：

透明功能主要是第2步中的设置。
下面看一下backgroundAlpha对程序效果的影像：
backgroundAlpha不为0时，在flashplayer中的效果

backgroundAlpha不为0时，在web页面中的效果

 

backgroundAlpha 为0时，在flashplayer中的效果

backgroundAlpha为0时，在web页面中的效果