Watermeloner

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