廣告：

用戶使用IE打開(kāi)有flash動(dòng)畫(huà)網(wǎng)站,經(jīng)常有停頓的現(xiàn)象的原因，使用win8.1系統(tǒng)出現(xiàn)比較多。

原因：

1. 電腦顯卡配置低，不支持硬件GPU加速（顯卡術(shù)語(yǔ)：不支持physx物理加速）。

2. flash插件更新到 flash9.0以上，這也許算是Adobe Flash的一個(gè)bug，只要flash插件還原到9.0以下就沒(méi)有這個(gè)現(xiàn)象。本身flash支持硬件加速是好事，但并不是所有電腦支持硬件GPU呈現(xiàn)的功能。

用戶解決方法：

方法：IE菜單——工具——internet選項(xiàng)——高級(jí)——加速的圖形——勾選“使用軟件呈現(xiàn)而不使用GPU呈現(xiàn)*”。

但是一個(gè)網(wǎng)站不可能叫每個(gè)用戶去更改IE設(shè)置，網(wǎng)站開(kāi)發(fā)人員需要用相應(yīng)技術(shù)來(lái)處理此bug。

在插入的object標(biāo)簽中加入有"wmode"屬性，此屬性有以下幾個(gè)參數(shù)： 

wmode屬性詳細(xì)說(shuō)明

Window模式

默認(rèn)情況下的顯示模式，在這種模式下flash player有自己的窗口句柄，這就意味著flash影片是存在于Windows中的一個(gè)顯示實(shí)例，并且是在瀏覽器核心顯示窗口之上的，所以flash只是貌似顯示在瀏覽器中，但這也是flash

最快最有效率的渲染模式。由于他是獨(dú)立于瀏覽器的HTML渲染表面，這就導(dǎo)致默認(rèn)顯示方式下flash總是會(huì)遮住位置與他重合的所有DHTML層。

但是大多數(shù)蘋(píng)果電腦瀏覽器會(huì)允許DHTML層顯示在flash之上，但當(dāng)flash影片播放時(shí)會(huì)出現(xiàn)比較詭異的現(xiàn)象，比如DHTML層像被 flash刮掉一塊一樣顯示異常。

Opaque模式

這是一種無(wú)窗口模式，在這種情況下flash player沒(méi)有自己的窗口句柄，這就需要瀏覽器需要告訴flash player在瀏覽器的渲染表面繪制的時(shí)間和位置。這時(shí)flash影片就不會(huì)在高于瀏覽器HTML渲染表面而是與其他元素一樣

在同一個(gè)頁(yè)面上,因此你就可以使用z-index值來(lái)控制DHTML元素是遮蓋flash或者被遮蓋。

Transparent模式

透明模式，在這種模式下flash player會(huì)將stage的背景色alpha值將為0并且只會(huì)繪制stage上真實(shí)可見(jiàn)的對(duì)象，同樣你也可以使用z-index來(lái)控制flash影片的深度值，但是與Opaque模式不同的是這樣做會(huì)降低flash影片的回

放效果，而且在9.0.115之前的flash player版本設(shè)置wmode=”opaque”或”transparent”會(huì)導(dǎo)致全屏模式失效。

direct模式

專為flashplayer10及以更高版本新增的參數(shù)，繞過(guò)瀏覽器進(jìn)行渲染，相當(dāng)于在獨(dú)立的flashplayer中進(jìn)行渲染。 

gpu模式 

專為flashplayer10及以更高版本新增的參數(shù)，充分利用硬件來(lái)加速，但并不意味所有情況下使用此種模式都是好的，有些時(shí)候會(huì)事得其反。 

注意：'direct'和'gpu'應(yīng)該是與前面三個(gè)值不能同時(shí)用的，可能引起沖突或先設(shè)置的值失效。 

說(shuō)明

在做web開(kāi)發(fā)中可能會(huì)遇到Flash遮擋頁(yè)面中元素的情況，無(wú)論怎么設(shè)置Flash容器和層的深度(z-index)也無(wú)濟(jì)于事，現(xiàn)有的解決方案是在插入flash的embed或object標(biāo)簽中加入”wmode”屬性并設(shè)置為wmode=“transparent”或”opaque”來(lái)解決。

網(wǎng)站解決方案：

我們開(kāi)發(fā)人員需要做的事，避免用戶自己更改設(shè)置：

1. 設(shè)置wmode參數(shù)值為"window"，此參數(shù)在渲染頁(yè)面，不需要使用GPU功能就可以很好呈現(xiàn)flash動(dòng)畫(huà)。使用此參數(shù)，有些顯示功能不能用，這里就不多說(shuō)了。

2. 目前此bug發(fā)現(xiàn)只出現(xiàn)在IE瀏覽器上，其他瀏覽器沒(méi)有此現(xiàn)象，可以用javascript來(lái)判斷不同瀏覽器以使用不同的參數(shù)來(lái)達(dá)到不同的顯示效果。

廣告：