flash置底的方法,讓 div等其他頁面元素在flash上層
五.27, 2010 in WebDesign

但是如果你在DW中插入動畫,再加
<param name=”wmode” value=”transparent”>
是不生效的。要把整個的flash插件代碼換成如下:
<object type=”application/x-shockwave-flash” data=”http://www.our-way.cn/banner.swf” width=”560″ height=”210″>
<param name=”movie” value=”http://www.our-way.cn/banner.swf” />
<param name=”wmode” value=”transparent” />
</object>
對比一下,和DW自動生成的代碼是有區別的,測試過,IE FF 均可以。

第二種方法:

設置flash置底,加個代碼:<param name=”wmode” value=”opaque” />
但是只加這個代碼,IE可行,在FF下,失效。要想在FF下起作用,還要用在<object 裡加個wmode=”opaque” ,實例代碼如下:
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19, 0″ width=”560″ height=”210″>
<param name=”movie” value=”http://www.our-way.cn/banner.swf” />
<param name=”quality” value=”high” />
<param name=”wmode” value=”opaque”>
<embed src=”http://www.our-way.cn/banner.swf” wmode=”opaque” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type= ”application/x-shockwave-flash” width=”560″ height=”210″></embed>
</object>

另外一種方法是:

將flash object 改變

<style>
div {
width:100px;
height:100px;
position:absolute;
top:20px;
left:20px;
background:red
}
object {
width:400px;
height:100px;
}
</style>
<div>aaaa</div>
<object type=”application/x-shockwave-flash” data=”http://www.our-way.cn/banner.swf”>
<param name=”movie” value=”http://www.our-way.cn/banner.swf” />
<param name=”wmode” value=”transparent” />
</object>

 

如何解決flash擋住層的問題

在網頁製作的過程中,尤其是DIV+CSS的佈局,有的時候flash會擋住其它的層的內容,如果遇到帶下拉菜單的導航,而導航下面正好又是一個 flash的時候,很有可能下拉菜單會跑到flash的後面,而失去導航的作用。

那麼,怎麼樣才能讓flash不在最上層呢?這時候大家可能會想到z-index,試過之後貌似對flash無效,在網上查閱一些資料後發現一個屬性設置
程序代码 程序代碼
<param name=”wmode” value=”opaque”>

wmode 屬性/參數值  Window | Opaque | Transparent

說明
(可選)允許使用Internet Explorer 4.0 中的透明Flash 內容、絕對定位和分層顯示功能。此標記/屬性僅在帶有 Flash

Player ActiveX 控件的 Windows 中有效。

“Window” 在Web 頁上用影片自己的矩形窗口來播放應用程序。 ”Window” 表明此Flash 應用程序與HTML 層沒有任何交互,並且始終位於最頂層。

“Opaque” 使應用程序隱藏頁面上位於它後面的所有內容。

“Transparent”  使HTML 頁的背景可以透過應用程序的所有透明部分顯示出來,並且可能會降低動畫性能。

“Opaque windowless” 和 ”Transparent windowless” 都可與HTML 層交互,從而允許SWF 文件上方的層遮蔽應用程序。
這兩種選項之間的差異在於:

”Transparent”允許透明,因此,如果SWF 文件的某一部分是透明的,則SWF 文件下方的HTML 層可以透過該部分顯示出來,而”opaque”則不會顯示。

如果忽略此屬性,默認值為 Window。僅適用於 object。

了解到以上屬性說明後,把<param name=”wmode” value=”opaque”> 加到html代碼中flash的相關部分,目前使用基本還算正常!



>> check 工程師寫好的套件是不是設定拿掉了!!

引自:http://www.our-way.cn/?p=91

創作者介紹
創作者 Rita 的頭像
Rita

Watermeloner

Rita 發表在 痞客邦 留言(0) 人氣()