最頂層div被flash或者下拉列表遮擋的問題解決 | 2009-5-14 17:14:00
0
推薦對於下拉列表,只要在層中加入一個和層相同大小的<Iframe>就可以了。具體做法如下：
<DIV>
<!--//原來的內容//-->
<IFRAME width="100%" height="100%" style="position:absolute; top:0px; z-index:-1; border-style:none;"></IFRAME>
</DIV>
這個方法對於透明的或外形不規則的層無效。
--------------------------------------------
FLASH默認是在DIV層之上的,這樣會使置最頂層的DIV被flash遮擋,我們可以作下面設置,在FLASH的兩個object之間加一個,就行flash置於div之下了
<object>
<param name="wmode" value="Opaque">
<param name="wmode" value="transparent">
</object>
如何將DIV置於最頂層請看
div+css使flash置於頂層
你可以用 深度（z-index）試試。下面是舉的一個小例子：
#a{
position:absolute;
top:80px;
left:100px;
z-index:1;
}
#b{
position:absolute;
top:70px;
left:160px;
z-index:0;
}
以z-index的數值大小為準，大值對象的層級位於小值對象之上。
flash透明代碼是：<param name="wmode" value="transparent">
有時在網頁中需要將flash所在層設為底層,以免flash將其它div覆蓋,具體方法如下,主要分兩步:1將flash所在div的z-index值設為-1; 2將flash設置為不透明.
實例：
這是因為Flash默認是最高層. 所以, 經常會遇見Flash把下拉菜單擋住的情況. 把Flash文件放到一個層中,設為最底層,FLASH設為透明.
<div style="z-index:-1"> <!--1.設置FLASH為底層-->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://xxx.xxx.xxx" width="200" height="115">
<param name="movie" value="media.swf">
<param name="quality" value="high">
<embed src="media.swf" quality="high" pluginspage="http://xxx.xxx.xxx" type="application/x-shockwave-flash" width="200" height="115"></embed>
<param name="wmode" value="Opaque"> <!--2.必須把FLASH設置為不透明-->
flash覆蓋div（層）解決方案2009-06-23 14:17有兩種方法：
一種就是設置flash為透明：
但是如果你在DW中插入動畫，再加
<param name="wmode" value="transparent">
是不生效的。要把整個的flash外掛程式代碼換成如下：
<object type="application/x-shockwave-flash" data="" width="560" height="210">
<param name="movie" value="" />
<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="" width="560" height="210">
<param name="movie" value="" />
<param name="quality" value="high" />
<param name="wmode" value="opaque">
<embed src="" wmode="opaque" quality="high" pluginspage="" 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="">
<param name="movie" value="" />
<param name="wmode" value="transparent" />
</object>
