本篇内容主要讲解“如何解决幻灯片挡住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" > <param name="movie" value="<?php echo get_skin_root() ?>indexflash/main.swf" 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导航下拉菜单或者飘浮广告的问题”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。