幻灯片挡住CSS导航下拉菜单或浮动广告的解决方法

幻灯片挡住CSS导航下拉菜单或浮动广告的解决方法

网站经常使用一些下拉菜单、幻灯片、浮动广告等。

却经常被发现。幻灯片会屏蔽下拉菜单或浮动广告等，解决方法如下

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

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

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

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

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

例如：

<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>