1. 程式人生 > >在html頁面中嵌入flash,讓圖片遮蓋flash的一部分

在html頁面中嵌入flash,讓圖片遮蓋flash的一部分

整了兩天,好久沒有寫靜態頁面了。先是不知道怎麼弄flash、圖片怎麼疊起來,後來查查資料弄出來,還是有個問題一直沒解決,就是flash老遮蓋層,不管你怎麼設定position和z-index、方向屬性,都沒那效果。問群裡,都忙著,後只得自已去解決,俗話說:‘自已動手,豐衣足食’。 在網上多次查詢想要的東西,這次找到了,在google找到

IE瀏覽器下可用
<param name="wmode" value="transparent" />

  firefox下可用
<embed src="http://www.knowsky.com/YourFlash.swf" wmode="transparent" >
...
</embed>

但我不知道在ie中那加在哪,試試加了也失敗,然後就加個firefox的,就加 wmode="transparent" ,在ie,firefox都成功,沒有分哪種瀏覽器的。

以下是程式碼:

 <div id="header" style="text-align:center;">
 
   <div style="position:relative;width:900px;z-index:2; bottom:-288px;">
    <img src="head_banner.png" width="900" height="172"/>
   </div>
 
   <div style="position:relative;width:900px;z-index:1;top:-172px;">
     <embed  src="head.swf" width="900" height="427" wmode="transparent" ></embed>
   </div>
  <!-- end #header -->
  </div>