新闻观点

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

2011/11/30 22:35:44   |   阅读次数:

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

 

让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");即可解决。完整代码如下:


Flash替代文字

修改的时候看清楚 你的是不是“so”,是什么修改成什么,so.write("flashcontent ");这句没有什么用,最好不要加,希望对大家有帮助。

下面是第二种情况将flash至于网页的最底层,也可以叫将flash设置为透明效果。
当一个网页的中既加入了弹出DIV效果,也有flash影片时,就会出现弹出层被flash挡住,这时候就需要将flash权重降低,至于网页的最底层,而且flash必须设置成透明,否则仍然会遮住,代码如下:

// 这里设置Z-index= -1将包含flash的层至于最底层
codebase=”http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab”>




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”>

// 这里设置针对IE的透明效果


 

相关新闻
首页 | 关于我们 | 网站建设 | 网站优化 | 服务范围 | 案例作品 | 信息资讯 | sitemap