工作中遇到的記錄下來;
兩種情況:
1.我們網頁中的的某些漂浮元素,如廣告,div層,被flash遮住|擋住,這種情況我們是想要flash在底層,這時候只需要設置flash透明即可,如果網上找的代碼,修改wmode屬性爲wmode就好了,也可以使用以下標準代碼插入即可,如果你使用dw插入,在屬性欄選擇透明即可;<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="630" height="300">
<div class="swf">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="630" height="300">
<param name="movie" value="flash/nav.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<!-- 此 param 標籤提示使用 Flash Player 6.0 r65 和更高版本的用戶下載最新版本的 Flash Player。如果您不想讓用戶看到該提示,請將其刪除。 -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 下一個對象標籤用於非 IE 瀏覽器。所以使用 IECC 將其從 IE 隱藏。 -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash/nav.swf" width="630" height="300">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 瀏覽器將以下替代內容顯示給使用 Flash Player 6.0 和更低版本的用戶。 -->
<div>
<h4>此頁面上的內容需要較新版本的 Adobe Flash Player。</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="獲取 Adobe Flash Player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</div>
2.再說第二種情況,我想要讓flash保持在頁面最上邊,比如我們做的flash下拉菜單,並不希望flash的下拉內容被下面的div遮住,這種情況我們需要設置一個關鍵屬性,position;
<!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=utf-8" />
<title>無標題文檔</title>
<style>
.swf {
position:absolute;/*此局保證flash在上邊*/
margin:auto;
width:1008px;
height:71px;
}
.main{ width:1000px; margin:auto}
body { background:#FC3};
.ban { margin-top:120px;}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<div class="body">
<div class="nav">
<div class="swf">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="630" height="300">
<param name="movie" value="flash/nav.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<!-- 此 param 標籤提示使用 Flash Player 6.0 r65 和更高版本的用戶下載最新版本的 Flash Player。如果您不想讓用戶看到該提示,請將其刪除。 -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 下一個對象標籤用於非 IE 瀏覽器。所以使用 IECC 將其從 IE 隱藏。 -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash/nav.swf" width="630" height="300">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 瀏覽器將以下替代內容顯示給使用 Flash Player 6.0 和更低版本的用戶。 -->
<div>
<h4>此頁面上的內容需要較新版本的 Adobe Flash Player。</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="獲取 Adobe Flash Player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</div>
</div>
<div class="ban">
<img src="flash/banner.jpg" />
</div>
</div>
<body>
</body>
</html>