DIV层被JS幻灯片遮挡住的解决办法

《DIV层被JS幻灯片遮挡住的解决办法》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、做了个弹出层提示信息的效果，但郁闷的是，弹出层被页面的JS幻灯片遮挡住了，很是头疼！JS幻灯片是扒的sina博客页面的。一般类似的情况比如：DIV层被JS幻灯片遮挡住，CSS下拉菜单被幻灯片遮挡之类的，都可以通过设置CSS的z-index方法来修改！比如弹出层的ID为pop-div，JS幻灯片的ID为js-flash，那我们就可以用下面的CSS来解决：#pop-div{z-index:200;}#js-flash{z-index:100;}说明：将不想被遮挡的层的z-index值设置大一些即可！郁闷的是，利用上面的方法，我的问题竟然没有解决！最后在

2、即将放弃的时候，突然发现扒下来的代码里有这样一句巨雷吧！BT啊！将它的修改小一些后问题解决！总结：扒代码要谨慎！网站常会用到一些下拉菜单，，幻灯片，，，飘浮广告等。但经常会发现。幻灯片会挡住下拉菜单或者飘浮广告等。解决办法有下第一，可将幻灯片所在DIV置于最底层。添加CSS如下style="z-index:-100;position:relative;"第二，可将被挡住的DIV/ul/li置于最高层。添加CSS如下style="z-index:9999;pos

3、ition:relative;"在使用FLASH幻灯的时候，有时还是不行。那便在FLASH代码中添加此行代码。例如：

4、index:-100;position:relative;">indexflash/main.swf"style="z-index:-100;position:relative;/>indexflash/main.swf"quality="hi

5、gh"pluginspage="http://www.macromedia.com/go/getflashplayer"type="application/x-shockwave-flash"width="980"height="290">可以设置CSS的z-index定义搞定这个比如把JS的CSS加个#slide{z-index:0;}这个JS幻灯片就不会挡住下拉菜单了。如果有“z-index”的定义，就把数值改0试试。z-index硬性条件：1.设置两个相关标签的z-index；2.设置z-index值两个标签

6、得是同一级的；3.还得加上position值。ABC：在同一个容器内AC:同等级B：在A容器内，A就是B的父亲给容器B加position，z-index的值设最高，理论上B应该叠在A和C的上方，但在IE7下，居然不会这样，请看上图