网站常会用到一些 下拉菜单,幻灯片,飘浮广告等。
但经常会发现。幻灯片会挡住下拉菜单或者飘浮广告等。
解决办法如下:
第一,可将幻灯片所在DIV 置于最底层。
添加CSS:style=”z-index:-100;position: relative;”
第二,可将被挡住的DIV/ul/li 置于最高层。
添加CSS:style=”z-index:9999;position: relative;”
关键点:z-index:9999;数值的大小正负决定了所在层的位置。
在使用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;”>