在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>