Question

如何让swfobject.js 支持透明的flash 设置flash为最底层

Answer 1

让swfobject.js 支持透明的flash ,在做web开发中可能会遇到flash遮挡页面中元素的情况，无论怎么设置flash容器和层的深度(z-index)也无济于事，现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”。
添加参数：wmode="Opaque" //将FLASH置于底层,FLASH优先级比DIV高, 所以会挡住DIV的；或：wmode="transparent"//设置透明
swfobject.js 貌似默认不支持这个功能。我测试的是1.5版本，加入一行代码：fo.addParam("wmode", "transparent");即可解决。完整代码如下：
<script type="text/javascript" src="images/swfobject.js"></script>
<div id="flashcontent ">Flash替代文字</div>
<script type="text/javascript">
var so = new FlashObject("images/flash.swf", "mymovie", "200", "200", "7", "#ff00ff");
so.addParam("wmode", "transparent");
so.write("flashcontent ");
</script>
修改的时候看清楚 你的是不是“so”，是什么修改成什么，so.write("flashcontent ");这句没有什么用，最好不要加，希望对大家有帮助。
下面是第二种情况将flash至于网页的最底层，也可以叫将flash设置为透明效果。
当一个网页的中既加入了弹出DIV效果，也有flash影片时，就会出现弹出层被flash挡住，这时候就需要将flash权重降低，至于网页的最底层，而且flash必须设置成透明，否则仍然会遮住，代码如下：
<div?? style=”z-index:-1;padding-top:10px; text-align:center; border:0;”>// 这里设置Z-index= -1将包含flash的层至于最底层
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ width=”1003″ height=”490″
codebase=”http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab”>
<param name=”movie” value=”wall2.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#000000″ />
<param name=”allowScriptAccess” value=”sameDomain” />
<embed src=”wall2.swf” quality=”high” bgcolor=”#000000″
width=”1003″ height=”490″ name=”wall2″ align=”middle”
play=”true”
loop=”false”
quality=”high”
wmode=”Opaque” // 这里设置针对firefox的透明效果
allowScriptAccess=”sameDomain”
type=”application/x-shockwave-flash”
pluginspage=”http://www.adobe.com/go/getflashplayer”>
</embed>
<param name=”wmode” value=”Opaque”> // 这里设置针对IE的透明效果
</object>
</div>