如何不讓flash object顯示在最上層

文章發佈於 : 2010-02-04 23:07:32 | 文章分類 : 程式相關

網頁中加入flash object 例如 youtube embedded 影片雖然可以讓網頁增色不少，但是網頁如果使用類似阿維雜記本最下方的wibiya toolbar相同的特效，也就是在網頁顯示中多加一層div來呈現內容，就會發現flash object會顯示在網頁中最上層。如果使用AJAX整頁鎖定特效，例如像colorbox特效，就會看得更明顯。

[ 範例 ]
1. 我們首先在網頁中加入一個youtube的影片

2. 我們希望當按下連結的時候，會出現下面的畫面

3. 可是事與願違，youtube影片會浮現在最上層擋住我們真正要顯示的內容

這時候我們只需要稍微修改一下flash object就可以達成我們想要的功能了。
如果你所使用的flash object是使用符合W3C XHTML標準的寫法 (請參考讓網頁插入的flash符合W3C XHTML標準)，那麼只需要在object 後面加上 <param name="wmode" value="opaque" /> 這段就可以。

如果你所使用的flash object不符合W3C XHTML寫法(目前youtube上面所提供的嵌入語法就是屬於這種)，那麼請修改以下兩個部分
1. 在object 後面加上 <param name="wmode" value="opaque" />
2. 在embed 的標籤中加上 wmode="opaque"，也就是 <embed wmode="opaque" src=xxxxxxx

透過這樣的修改方法就可以讓flash object不會一直顯示在網頁層次的最上層了。

閱讀全文 | 回應(0)

發表回覆 (*代表必須輸入的欄位)

*姓名 :
email :
網址 : 請用http://開頭喔
*回覆內容 :
*驗證碼 :
請輸入上面圖案內的英文字母與數字，英文字母大小寫不受影響
請原諒阿維這個懶惰鬼沒有寫新回覆通知的功能, 如果需要回覆通知,歡迎訂閱回覆的RSS 會開新的視窗,不會影響回覆的內容喔 :)

阿維雜記本

(Wei's Blog)