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

做了个弹出层提示信息的效果，但郁闷的是，弹出层被页面的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值设置大一些即可！ 郁闷的是，利用上面的方法，我的问题竟然没有解决！最后在即将放弃的时候，突然发现扒下来的代码里有这样一句 div style=position:relative;z-index:19999; 巨雷吧！BT啊！将它的修改小一些后问题解决！ 总结：扒代码要谨慎！ 网站常会用到一些 下拉菜单，，幻灯片，，，飘浮广告等。 但经常会发现。幻灯片会挡住下拉菜单或者飘浮广告等。解决办法有下 第一，可将幻灯片所在DIV 置于最底层。添加CSS如下 style=z-index:-100;position: relative; 第二，可将被挡住的DIV/ul/li 置于最高层。添加CSS如下 style=z-index:9999;position: relative; 在使用FLASH幻灯的时候，有时还是不行。那便在FLASH代码中添加此行代码。 param name=wmode value=opaque 例如： object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=/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=/go/getflashplayer type=application/x-shockwave-flash width=980 height=290/embed /object 可以设置CSS的z-index定义搞定这个 比如把JS的CSS加个 #slide { z-index:0;} 这个JS幻灯片就不会挡住下拉菜单了。 如果有“z-index”的定义，就把数值改0试试。z-index 硬性条件： 1.设置两个相关标签的z-index； 2.设置z-index值两个标签得是同一级的；3.还得加上position值。 A B C：在同一个容器内 A C: 同等级 B ：在A容器内，A就是B的父亲 给容器 B 加position，z-index的值设最高，理论上 B 应该叠在 A 和 C 的上方，但在IE7下，居然不会这样，请看上图 div div style=width:100px; height:100px; background-color:#666; position:relative;A主菜单 div style=width:100px; height:100px; background-color:#ff0000; top:30px;left:30px position:relative; z-index:1000;B二级菜单/div/div div style=width:100px; height:100px; background-color:#999; position:relativeC幻灯片/div /div 所以“B二级菜单”不能依靠父亲“A主菜单” 要靠最外框容器爷爷的关系才能解决。 div style= position:relative; div style=width:100px; height:100px; background-color:#666;A主菜单 div style=width:100px; height:100px; background-color:#ff0000; top:30px;left:30px