• Register

DIV层被Flash遮挡的解决办法

前有《DIV层被JS幻灯片遮挡住的解决办法》,现有DIV层又被Flash给遮挡住了!!

先来转载flash的wmode属性:

"Window " 在 Web 页上用影片自己的矩形窗口来播放应用程序,并且始终位于最顶层。

"Opaque " 显示页面上位于它后面的内容。

"Transparent "使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。

"Opaque "和"Transparent "都 可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于"Transparent"允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可以透过该部分显示出来,而"opaque"则不会显示。

如果忽略此属性,默认值为 Window。仅适用于object。

Window速度快、有效率,但无法使用z-index,也没有办法混用于DHTML图层当中,这就是为什么常有人在抱怨自己的下拉菜单跑到Flash后面。

Opaque除了可以让你正确控制z-index的样式,也可以透过Javascript來控制它的大小或是移动swf的位置!不过要注意,Opaque的背景可是没有办法透明的,也就是说,任何內容都会被放在swf下面。

至于Transparent,想当然,就是把Flash的背景变成透明。让swf档案可以融入网页当中而不会出现讨厌的白底,不过,transparent在IE里面是真的透明,也就是说,下面的网页內容是可以被选取起來的,但是在FF里面,就很讨厌了,因为虽然看起來透明,但是滑鼠卻无法点选。另外,要稍微注意的是,使用这个值,会让你的flash影片变得比较慢!

解决方法:

设置Flash置底,加句代码 :<param name="wmode" value="opaque" /> ,但此代码只能在IE下生效,还要在 <embed > 标签里添加 wmode="opaque" ,才能让Firefox等生效,完整代码如下:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=" width="600″ height="248″>
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="test.swf">
<param name="quality" value="high">
<param name="wmode" value="Opaque">
<embed src="test.swf" wmode="Opaque" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600″ height="248″></embed>
</object>

再注:红色代码:解决IE下的遮挡层问题;蓝色代码:解决Firefox下的遮挡层问题。

ps.下拉菜单被Flash遮挡:

IE浏览器下可用:<param name="wmode" value="transparent" />

firefox下可用:<embed src="YourFlash.swf" wmode="transparent" ... ></embed>

版权声明:转载请注明来自杨俊伟博客,本文地址:http://yangjunwei.com/a/613.html
除非注明,杨俊伟博客文章均为原创,转载请注明出处和链接!
 

发表评论 

7 条评论 »

  • seo优化
    2011/06/25 at 11:47:22

    不错啊。顶一下。

  • 房产抵押借款
    2011/06/23 at 14:15:50

    不错不错写的很好www.shgoldtime.com对这篇文章进行了相关的转载。

  • 房产酷讯
    2011/06/22 at 16:00:49

    多谢博主分享了!~~~~~

  • Led grow lights
    2011/06/22 at 15:13:19

    感觉很不错,谢谢博主提供好文章!

  • wordpress模板
    2011/06/21 at 19:47:55

    博主讲解得很细嘛,感觉很不错 谢谢分享 而且我看了没错别字哈

  • 遥控飞机
    2011/06/21 at 14:23:05

    来支持下了~~~

  • 21312weqqw21
    2011/06/21 at 12:28:23

    我认为,如果不把楼主的帖子顶上去,就是对真理的一种背叛,就是对谬论的极大妥协。因此,我决定义无返顾的顶了! http://www.zhongyoucsj.com

我还是想用邮箱注册

登录

忘记密码 ?

用第三方帐号快捷登录

已有账户?前往登录吧~

注册