最顶层div被flash或者下拉列表遮挡的问题解决

最顶层div被flash或者下拉列表遮挡的问题解决

推荐对于下拉列表,只要在层中加入一个和层相同大小的<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" width="200" height="115">
<param name="movie" value="media.swf">
<param name="quality" value="high">
<embed src="media.swf" quality="high" pluginspage="http://.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>