網頁中引入flash及flash背景透明

iteye_20171發表於2010-12-03
實現程式碼:
<object classid= "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 " codebase= "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 " width= "980 " height= "128">
<param name="movie" value="webjx_com.swf">
<param name="wmode" value="transparent">
<embed src="<%=path %>/homepage/banner.swf" quality="high" wmode="transparent" pluginspage= "http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash " type= "application/x-shockwave-flash " width= "980 " height= "128 "></embed>
</object>

DIV中FLASH透明
1、在Flash加入:<param name="wmode" value="opaque">
2、在DIV里加入:position:absolute;z-index:10;(數字越大越處於上層)


要在IE中實現flash背景透明,需要加這樣一個值:
<param name="wmode" value="transparent">

而在Mozilla、Firefox瀏覽器中起作用的是這個標籤 <embed></embed> 那這樣,在<embed>標籤內加入屬性 wmode="transparent" 就可以實現flash背景透明。

相關解釋:
<object> 標籤用於包含物件,比如影像、音訊、視訊、Java applets、ActiveX、PDF 以及 Flash。

<param>標籤用於為object標籤提供嵌入內容的執行時引數的name與value對。
param標籤是單獨出現的。
param標籤用於定義網頁中嵌入內容的執行時引數。
param標籤應使用在object或applet標籤內。

<embed> 插入控制元件物件,例如Flash、ActiveX控制元件等等

wmode屬性:
“Window ” 在 Web 頁上用影片自己的矩形視窗來播放應用程式,並且始終位於最頂層。預設值為 Window。僅適用於object。
“Opaque ” 顯示頁面上位於它後面的內容。
“Transparent”使 HTML 頁的背景可以透過應用程式的所有透明部分顯示出來,並且可能會降低動畫效能。

Window速度快、有效率,但無法使用z-index,也沒有辦法混用於DHTML圖層當中。

Opaque除了可以讓你正確控制z-index的樣式,也可以透過Javascript來控制它的大小或是移動swf的位置!Opaque的背景可是沒有辦法透明的,也就是說,任何內容都會被放在swf下面。

Transparent,把flash的背景變成透明。

相關文章