怎样让Flash不遮挡HTML div元素的技能

今日在写1个flash广告宣传编码的情况下,由于flash自带的连接,非常容易被当做弹出广告宣传,因此做了1个div层放到flash上面,这样连接全是a开启的不容易被阻拦,但发现flash1直处在div层上面,原先flash必须加个主要参数才能够。

让flash置于DIV层之下的方式,让flash不挡住悬浮层或往下拉菜单,让Flash不档住波动目标或层的重要主要参数:wmode=opaque。

方式以下:

对于IE 在<object></object>内再加主要参数<param name="wmode" value="opaque" />
对于FF 在<embed />内再加主要参数wmode="opaque"

脚本制作之家应用编码:

XML/HTML Code拷贝內容到剪贴板
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>22cn</title>  
  6. <style type="text/css">  
  7. <!--   
  8. body {    
  9. position:relative;    
  10. z-index:0;    
  11. margin:0; padding:0   
  12. }    
  13. body,td,th {   
  14.     color: #333333;   
  15. }   
  16. *{margin:0; padding:0}   
  17. img{ border:0}   
  18. #jb51{ position:relative; width:300px; height:250px}   
  19. #div1 {   
  20. position:absolute;   
  21. left:0;   
  22. top:0;   
  23. width:300px;    
  24. height:250px; z-index:⑴    
  25.   
  26. }    
  27. #div2 {    
  28. position:absolute;   
  29. left:0;   
  30. top:0;   
  31. width:300px;    
  32. height:250px;    
  33. z-index:99999;    
  34. }    
  35. -->  
  36. </style></head>  
  37. <body>  
  38. <div id="jb51">  
  39. <div id="div1">  
  40. <script type="text/javascript">  
  41. document.write('<object classid="clsid:D27CDB6E-AE6D⑴1cf⑼6B8⑷44553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="250">');   
  42. document.write('<param name="movie" value="http://img.jb51.net/image/22cn_jb51net.swf" />');   
  43. document.write('<param name="quality" value="high" /><param name="wmode" value="opaque" />');   
  44. 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>');   
  45. document.write('</object>');   
  46. </script>  
  47. </div>  
  48. <div id="div2">  
  49. <a href="http://i.am.cn/?s=jb51pic2" target="_blank"><img src="http://img.jb51.net/image/touming.png" width="300" height="250"/></a>  
  50. </div>  
  51. </div>  
  52. </body>  
  53. </html>  
规范的的Flash插进

XML/HTML Code拷贝內容到剪贴板
  1. <!-- 规范的的Flash插进   
  2. 设定高宽比与宽度:   
  3. width="400" height="400"  
  4. 设定相对路径:   
  5. data="style/flash/001.swf" 与 value="style/flash/001.swf"  
  6. 取代文字或取代照片:   
  7. <a href="" title=""><img src="" alt="" /></a> 还可以不必这段   
  8. -->  
  9. <object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400">  
  10. <param name="movie" value="style/flash/001.swf" />  
  11. <a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动漫" /></a>  
  12. </object>  
不容易遮挡住层的Flash

XML/HTML Code拷贝內容到剪贴板
  1. <!-- 不容易遮挡住层的Flash    
  2. 让Flash不档住波动目标或层的重要特性:   
  3. <param name="wmode" value="opaque" />  
  4. <embed wmode="opaque"></embed>  
  5. -->  
  6. <object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400">  
  7. <param name="movie" value="style/flash/001.swf" />  
  8. <param name="wmode" value="opaque" />  
  9. <embed wmode="opaque"></embed>  
  10. <a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动漫" /></a>  
  11. </object>  
全透明的Flash

XML/HTML Code拷贝內容到剪贴板
  1. <!-- 全透明的Flash   
  2. 让Flash全透明的重要特性:   
  3. <param name="wmode" value="transparent">  
  4. -->  
  5. <object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400">  
  6. <param name="movie" value="style/flash/001.swf" />  
  7. <param name="wmode" value="transparent">  
  8. <a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动漫" /></a>  
  9. </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 文档的某1一部分是全透明的,则 SWF 文档正下方的 HTML 层能够透过该一部分显示信息出来,而"opaque"则不容易显示信息。

假如忽视此特性,默认设置值为 Window。仅可用于 object。