2 月
4
2010

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

網頁中加入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不會一直顯示在網頁層次的最上層了。

Related Posts

About the Author: 阿維

阿維雜記本的偷懶維護者

Comments are closed.