六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

在HTML中如何讓Flash不遮擋div元素

發(fā)表時間：2023-09-19 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]這次給大家?guī)碓贖TML中怎樣讓Flash不遮擋div元素，在HTML中讓Flash不遮擋div元素的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。今天在寫一個flash廣告代碼的時候，因為flash自帶的鏈接，容易被當(dāng)成彈出廣告，所以做了一個div層放到flash上面，這樣鏈接都是a觸發(fā)的不會...
這次給大家?guī)碓贖TML中怎樣讓Flash不遮擋div元素，在HTML中讓Flash不遮擋div元素的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。

今天在寫一個flash廣告代碼的時候，因為flash自帶的鏈接，容易被當(dāng)成彈出廣告，所以做了一個div層放到flash上面，這樣鏈接都是a觸發(fā)的不會被攔截，但發(fā)現(xiàn)flash一直處于div層上面，原來flash需要加個參數(shù)才可以。
讓flash置于DIV層之下的方法，讓flash不擋住飄浮層或下拉菜單，讓Flash不檔住浮動對象或?qū)拥年P(guān)鍵參數(shù)：wmode=opaque。
方法如下：
針對IE 在<object></object>內(nèi)加上參數(shù)<param name="wmode" value="opaque" />
針對FF 在<embed />內(nèi)加上參數(shù)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>

標(biāo)準(zhǔn)的的Flash插入

設(shè)置高度與寬度：

width="400" height="400"

設(shè)置路徑： 

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

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

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

html如何使用title屬性讓鼠標(biāo)懸停來顯示文字

html怎樣使用超鏈接打開新窗口并且控制該窗口屬性

a標(biāo)簽href屬性與onclick事件應(yīng)該如何使用

以上就是在HTML中怎樣讓Flash不遮擋div元素的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
主站蜘蛛池模板： 啪啪网站色大全免费 | 欧美一区二区三区免费观看视频 | 亚洲高清视频在线播放 | 中文字幕天堂网 | 日本精品一区二区 | 天天干天天曰天天操 | 伊人中文在线 | 欧美一级三级在线观看 | 青青青手机在线视频 | 午夜精品aaa国产福利 | 亚洲整片 | 午夜激情影院 | 手机看片欧美日韩 | 欧美在线观看网站 | 日本高清一区二区三区水蜜桃 | 青青草手机视频在线观看 | 涩涩五月天 | 一二三四免费影院 | 亚洲大片免费 | 日本免费在线视频 | 亚洲高清影院 | 日韩在线不卡视频 | 日韩中文字幕a | 欧美特黄a级高清免费看片 欧美特黄a级高清免费大片 | 日韩推理片在线免费看网站 | 中文字幕波多野结衣免费视频 | 欧美怡红院免费的视频 | 人禽交在线视频免费播放 | 欧美一级二级三级视频 | 天天操天天摸天天曰天天干天天弄天天干 | 四虎精品成人a在线观看 | 一区二区三区在线 | 网站 | 日韩高清的天堂在线观看免费 | 亚洲成人福利在线观看 | 亚洲a网| 午夜电视剧| 天天干天天拍 | 日韩污| 日韩精品一区二区三区大桥未久 | 亚洲春色第一页 | 日韩三级视频在线观看 |