幻灯片挡住CSS导航下拉菜单或者飘浮广告的解决方法
(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
网站常会用到一些下拉菜单,幻灯片,飘浮广告等。
但经常会发现。幻灯片会挡住下拉菜单或者飘浮广告等。解决办法有下
第一,可将幻灯片所在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="/UploadFiles/2021-03-30/main.swf"></object>
但经常会发现。幻灯片会挡住下拉菜单或者飘浮广告等。解决办法有下
第一,可将幻灯片所在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="/UploadFiles/2021-03-30/main.swf"></object>
下一篇:关于CSS选择器优先级的判断题附结果截图