如何讓網頁其餘元素在flash上方顯示

接到說要在一個在首頁flash上面加多個超連接的任務，一開始只要設置好z-index屬性就能夠了。沒想到浮動，position，z-index什麼屬性都試遍了，圖片老是在flash下方顯示。真搞不懂怎麼能夠這麼霸道。

因而就求助了萬能的百度，找到一篇文章《如何讓飄動的圖片顯示在FLASH上面的方法》，說的恰好就是我要的效果，因而一試，果不其然。。。

方法是這樣的，在Flash的標記內加入下面的代碼：

<!-- lang: html -->
<param name="wmode" value="opaque">

，看了看源代碼，原來的value是Window，改了值以後，圖片便位於flash之上了，效果達到，剩下的position就不是問題了。

過後查找了下資料，

「

window 模式

默認狀況下的顯示模式，在這種模式下flash player有本身的窗口句柄，這就意味着flash影片是存在於Windows中的一個顯示實例，而且是在瀏覽器核心顯示窗口之上的，因此flash只是貌似顯示在瀏覽器中，但這也是flash最快最有效率的渲染模式。因爲他是獨立於瀏覽器的HTML渲染表面，這就致使默認顯示方式下flash老是會遮住位置與他重合的全部DHTML層。

可是大多數蘋果電腦瀏覽器會容許DHTML層顯示在flash之上，但當flash影片播放時會出現比較詭異的現象，好比DHTML層像被flash刮掉一塊同樣顯示異常。

Opaque 模式

這是一種無窗口模式，在這種狀況下flash player沒有本身的窗口句柄，這就須要瀏覽器須要告訴flash player在瀏覽器的渲染表面繪製的時間和位置。這時flash影片就不會在高於瀏覽器HTML渲染表面而是與其餘元素同樣在同一個頁面上,所以你就可使用z-index值來控制DHTML元素是遮蓋flash或者被遮蓋。

Transparent 模式

透明模式，在這種模式下flash player會將stage的背景色alpha值將爲0而且只會繪製stage上真實可見的對象，一樣你也可使用z-index來控制flash影片的深度值，可是與Opaque模式不一樣的是這樣作會下降flash影片的回放效果，並且在9.0.115以前的flash player版本設置wmode=」opaque」或」transparent」會致使全屏模式失效。

」

因爲原來網頁太簡單，沒看出後兩種的效果差異。總結，想flash很霸道的顯示在最上一層，用window模式，想讓flash上還能夠顯示其餘元素，考慮後兩種模式。

參考資料：

http://hi.baidu.com/hirjgd/item/0a887c12a6e5a0ef9913d65a

http://www.blueidea.com/tech/web/2009/6469.asp