幻灯片挡住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>

以上就是幻灯片挡住CSS导航下拉菜单或者飘浮广告的如何解决方法。当你还是一只猫的时候,记着你的目标要成为一只虎。当你成为一只虎的时候,别忘了你曾经是一只猫。心态要高,姿态要低。不要看轻别人,更不要高估自己。更多关于幻灯片挡住CSS导航下拉菜单或者飘浮广告的如何解决方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例