如何讓Flash不遮擋HTML div元素的技巧

2020-03-24 17:09:28

字體：大中小

供稿：網(wǎng)友

今天在寫一個flash廣告代碼的時候，因為flash自帶的鏈接，容易被當成彈出廣告，所以做了一個div層放到flash上面，這樣鏈接都是a觸發(fā)的不會被攔截，但發(fā)現(xiàn)flash一直處于div層上面，原來flash需要加個參數(shù)才可以。

讓flash置于DIV層之下的方法，讓flash不擋住飄浮層或下拉菜單，讓Flash不檔住浮動對象或?qū)拥年P鍵參數(shù)：wmode=opaque。

方法如下：

針對IE 在 object /object 內(nèi)加上參數(shù) param name= wmode html' target='_blank'>value= opaque /
針對FF 在 embed / 內(nèi)加上參數(shù)wmode= opaque

phpstudy使用代碼：

XML/HTML Code復制內(nèi)容到剪貼板
!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不檔住浮動對象或?qū)拥年P鍵屬性： 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 屬性/參數(shù)值 Window | Opaque | Transparent
模板變量：$WM，（可選）允許使用 Internet Explorer 4.0 中的透明 Flash 內(nèi)容、絕對定位和分層顯示功能。此標記/屬性僅在帶有 Flash Player ActiveX 控件的 Windows 中有效。

Window 在 Web 頁上用影片自己的矩形窗口來播放應用程序。 Window 表明此 Flash 應用程序與 HTML 層沒有任何交互，并且始終位于最頂層。
Opaque 使應用程序隱藏頁面上位于它后面的所有內(nèi)容。
Transparent 使 HTML 頁的背景可以透過應用程序的所有透明部分顯示出來，并且可能會降低動畫性能。
Opaque windowless 和 Transparent windowless 都可與 HTML 層交互，從而允許 SWF 文件上方的層遮蔽應用程序。這兩種選項之間的差異在于 Transparent 允許透明，因此，如果 SWF 文件的某一部分是透明的，則 SWF 文件下方的 HTML 層可以透過該部分顯示出來，而 opaque 則不會顯示。

如果忽略此屬性，默認值為 Window。僅適用于 object。html教程

鄭重聲明：本文版權歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。

上一篇：入門：HTML的基本標簽和屬性簡單介紹

下一篇：html5本地存儲之localstorage 、本地數(shù)據(jù)庫、sessionStorage簡單使用示例