flash覆盖div（层）解决方案

最新推荐文章于 2020-04-08 09:52:15 发布

原创最新推荐文章于 2020-04-08 09:52:15 发布 · 264 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flash #IE

flex 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了两种解决Flash覆盖div（层）问题的方法：一是通过修改Flash代码使其透明；二是设置Flash置底并调整其样式。这两种方法适用于不同浏览器（如IE、FF），旨在帮助开发者解决Flash与网页元素交互的问题。

(转)flash覆盖div（层）解决方案

Afay 的 (转)flash覆盖div（层）解决方案
有两种方法：
一种就是设置flash为透明：

但是如果你在DW中插入动画，再加

<param name="wmode" value="transparent">

是不生效的。要把整个的flash插件代码换成如下：

<object type="application/x-shockwave-flash" data="" width="560" height="210">

<param name="movie" value="" />

<param name="wmode" value="transparent" />

</object>

对比一下，和DW自动生成的代码是有区别的，测试过，IE　FF　均可以。

第二种方法：

设置flash置底，加个代码：<param name="wmode" value="opaque" />

但是只加这个代码，IE可行，在FF下，失效。要想在FF下起作用，还要用在<object　里加个　wmode="opaque" ，实例代码如下：

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="560" height="210">

<param name="movie" value="" />

<param name="quality" value="high" />

<param name="wmode" value="opaque">

<embed src="" wmode="opaque" quality="high" pluginspage="" type="application/x-shockwave-flash" width="560" height="210"></embed>

</object>

另外一种方法是：

将flash object 改变

<style>

div {

width:100px;

height:100px;

position:absolute;

top:20px;

left:20px;

background:red

}

object {

width:400px;

height:100px;

}

</style>

<div>aaaa</div>

<object type="application/x-shockwave-flash" data="">

<param name="movie" value="" />

<param name="wmode" value="transparent" />

</object>