在HTML中怎样让Flash不遮挡div元素

今天在写一个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
脚本之家使用代码：

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd  html xmlns= http://www.w3.org/1999/xhtml  head  meta http-equiv= Content-Type content= text/html; charset=gb2312 /  title 22cn /title  style type= text/css  !-- body { position:relative; z-index:0; margin:0; padding:0 body,td,th {  color: #333333; *{margin:0; padding:0} img{ border:0} #jb51{ 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  div id= jb51  div id= div1  script type= text/javascript document.write( object classid= 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( param name= movie value= http://img.jb51.net/image/22cn_jb51net.swf / document.write( param name= quality value= high / param name= wmode value= opaque / document.write( embed src= http://img.jb51.net/image/22cn_jb51net.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  div id= div2  a href= http://i.am.cn/?s=jb51pic2 target= _blank img src= http://img.jb51.net/image/touming.png width= 300 height= 250 / /a  /div  /div  /body  /html 

标准的的Flash插入

设置高度与宽度：

width= 400 height= 400

设置路径：

data= style/flash/001.swf 与 value= style/flash/001.swf 

替代文本或替代图片：

 a href= title= img src= alt= / /a 也可以不要这段  object type= application/x-shockwave-flash data= style/flash/001.swf width= 400 height= 400  param name= movie value= style/flash/001.swf /  a href= style/flash/001.swf img src= style/img/001.jpg alt= Flash动画 / /a  /object 

不会遮住层的Flash

 !-- 不会遮住层的Flash 让Flash不档住浮动对象或层的关键属性：  param name= wmode value= opaque /  embed wmode= opaque /embed  object type= application/x-shockwave-flash data= style/flash/001.swf width= 400 height= 400  param name= movie value= style/flash/001.swf /  param name= wmode value= opaque /  embed wmode= opaque /embed  a href= style/flash/001.swf img src= style/img/001.jpg alt= Flash动画 / /a  /object 

透明的Flash

 !-- 透明的Flash 让Flash透明的关键属性： param name= wmode value= transparent --  object type= application/x-shockwave-flash data= style/flash/001.swf width= 400 height= 400  param name= movie value= style/flash/001.swf /  param name= wmode value= transparent  a href= style/flash/001.swf img src= 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。

相信看了这些案例你已经掌握了方法，更多精彩请关注php 其它相关文章！

相关阅读：

html如何使用title属性让鼠标悬停来显示文字

html怎样使用超链接打开新窗口并且控制该窗口属性

a标签href属性与onclick事件应该如何使用

以上就是在HTML中怎样让Flash不遮挡div元素的详细内容，html教程

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