如何让Flash不遮挡HTML div元素的技巧

2020-03-24 17:09:28

字体：大中小

来源：转载

供稿：网友

今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。

让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉菜单，让Flash不档住浮动对象或层的关键参数：wmode=opaque。

方法如下：

针对IE 在 object /object 内加上参数 param name= wmode html' target='_blank'>value= opaque /
针对FF 在 embed / 内加上参数wmode= opaque

phpstudy使用代码：

XML/HTML Code复制内容到剪贴板
!DOCTYPEhtmlPUBLIC -//W3C//DTDXHTML1.0Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd htmlxmlns= http://www.w3.org/1999/xhtml head metahttp-equiv= Content-Type content= text/html;charset=gb2312 / title 22cn /title styletype= text/css !-- body{ position:relative; z-index:0; margin:0;padding:0 } body,td,th{ color:#333333; } *{margin:0;padding:0} img{border:0} #phpstudy{position:relative;width:300px;height:250px} #div1{ position:absolute; left:0; top:0; width:300px; height:250px;z-index:-1 } #div2{ position:absolute; left:0; top:0; width:300px; height:250px; z-index:99999; } -- /style /head body divid= phpstudy divid= div1 scripttype= text/javascript document.write(' objectclassid= clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase= http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0 width= 300 height= 250 '); document.write(' paramname= movie value= http://img.phpstudy.net/image/22cn_phpstudynet.swf / '); document.write(' paramname= quality value= high / paramname= wmode value= opaque / '); document.write(' embedsrc= http://img.phpstudy.net/image/22cn_phpstudynet.swf quality= high pluginspage= http://www.macromedia.com/go/getflashplayer type= application/x-shockwave-flash width= 300 height= 250 wmode= opaque /embed '); document.write(' /object '); /script /div divid= div2 ahref= http://i.am.cn/?s=phpstudypic2 target= _blank imgsrc= http://img.phpstudy.net/image/touming.png width= 300 height= 250 / /a /div /div /body /html
设置路径： data= style/flash/001.swf 与value= style/flash/001.swf 替代文本或替代图片： ahref= title= imgsrc= alt= / /a 也可以不要这段 -- objecttype= application/x-shockwave-flash data= style/flash/001.swf width= 400 height= 400 paramname= movie value= style/flash/001.swf / ahref= style/flash/001.swf imgsrc= style/img/001.jpg alt= Flash动画 / /a /object
让Flash不档住浮动对象或层的关键属性： paramname= wmode value= opaque / embedwmode= opaque /embed -- objecttype= application/x-shockwave-flash data= style/flash/001.swf width= 400 height= 400 paramname= movie value= style/flash/001.swf / paramname= wmode value= opaque / embedwmode= opaque /embed ahref= style/flash/001.swf imgsrc= style/img/001.jpg alt= Flash动画 / /a /object
-- objecttype= application/x-shockwave-flash data= style/flash/001.swf width= 400 height= 400 paramname= movie value= style/flash/001.swf / paramname= wmode value= transparent ahref= style/flash/001.swf imgsrc= style/img/001.jpg alt= Flash动画 / /a /object
wmode 属性/参数值 Window | Opaque | Transparent
模板变量：$WM，（可选）允许使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。

Window 在 Web 页上用影片自己的矩形窗口来播放应用程序。 Window 表明此 Flash 应用程序与 HTML 层没有任何交互，并且始终位于最顶层。
Opaque 使应用程序隐藏页面上位于它后面的所有内容。
Transparent 使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。
Opaque windowless 和 Transparent windowless 都可与 HTML 层交互，从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于 Transparent 允许透明，因此，如果 SWF 文件的某一部分是透明的，则 SWF 文件下方的 HTML 层可以透过该部分显示出来，而 opaque 则不会显示。

如果忽略此属性，默认值为 Window。仅适用于 object。html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

上一篇：入门：HTML的基本标签和属性简单介绍

下一篇：html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例