下拉菜单被flash挡住了，DIV置于最底层的方法

 

cmd下文件权限控制技术

 

Fckeditor 怎么去掉自动产生的<p></p>

下拉菜单被挡住了，DIV置于最底层的方法  

2012-04-29 22:51:44|  分类： HTML&JavaScript |  标签： |举报 |字号大中小 订阅

网站常会用到一些 下拉菜单，，幻灯片，，，飘浮广告等。

但经常会发现。幻灯片会挡住下拉菜单或者飘浮广告等。解决办法有下

第一，可将幻灯片所在DIV 置于最底层。添加CSS如下

style="z-index:-100;position: relative;"

第二，可将被挡住的DIV/ul/li 置于最高层。添加CSS如下

style="z-index:9999;position: relative;"

 

在使用FLASH幻灯的时候，有时还是不行。那便在FLASH代码中添加此行代码。

<param name="wmode" value="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="980" height="290" style="z-index:-100;position: relative;">

              <param name="movie" value="<?php echo get_skin_root() ?>indexflash/main.swf" style="z-index:-100;position: relative; />

              <param name="quality" value="high" />

              <param name="wmode" value="opaque">

              <embed src="<?php echo get_skin_root() ?>indexflash/main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="980" height="290"></embed>

  </object>

 

 

以下为全兼容IE  谷歌  360，注意红色字体的，Flash和Select下拉框遮挡浮动层的解决办法
要让浮动层在Flash上面，需要设置Flash的 WMode属性为Opaque.

1.设置Object标签的WMode属性为Opaque<PARAM NAME="WMode" VALUE="Opaque">

2.设置embed标签的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="974" height="233">

  <param name="movie" value="/templets/huanghe/images/top.swf" />

  <param name="quality" value="high" />

  <param name="wmode" value="opaque">

  <embed src="/templets/huanghe/images/top.swf" quality="high" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="974" height="233"></embed>

</object>