網頁浮動元素被flash遮住,flash下拉框被div層擋住|遮住,flash在網頁最頂層,解決辦法...

工作中遇到的記錄下來;

兩種情況:

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>
發佈了69 篇原創文章 · 獲贊 0 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章