DIV层被JS幻灯片遮挡住的解决办法.doc_第1页
DIV层被JS幻灯片遮挡住的解决办法.doc_第2页
DIV层被JS幻灯片遮挡住的解决办法.doc_第3页
DIV层被JS幻灯片遮挡住的解决办法.doc_第4页
DIV层被JS幻灯片遮挡住的解决办法.doc_第5页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

做了个弹出层提示信息的效果，但郁闷的是，弹出层被页面的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值设置大一些即可！郁闷的是，利用上面的方法，我的问题竟然没有解决！最后在即将放弃的时候，突然发现扒下来的代码里有这样一句巨雷吧！BT啊！将它的修改小一些后问题解决！总结：扒代码要谨慎！网站常会用到一些 下拉菜单，幻灯片，飘浮广告等。但经常会发现。幻灯片会挡住下拉菜单或者飘浮广告等。解决办法有下第一，可将幻灯片所在DIV 置于最底层。添加CSS如下style=z-index:-100;position: relative;第二，可将被挡住的DIV/ul/li 置于最高层。添加CSS如下style=z-index:9999;position: relative;在使用FLASH幻灯的时候，有时还是不行。那便在FLASH代码中添加此行代码。例如：param name=movie value=indexflash/main.swf style=z-index:-100;position: relative; /embed src=indexflash/main.swf quality=high pluginspage=/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值两个标签得是同一级的；3.还得加上position值。A B C：在同一个容器内A C: 同等级B ：在A容器内，A就是B的父亲给容器 B 加position，z-index的值设最高，理论上 B 应该叠在 A 和 C 的上方，但在IE7下，居然不会这样，请看上图A主菜单B二级菜单C幻灯片-所以“B二级菜单”不能依靠父亲“A主菜单”要靠最外框容器爷爷的关系才能解决。A主菜单B二级菜单C幻灯片自己亲测试，用于方法如下：1. 在下拉菜单的父级加上style=position:relative; z-in
人人文库> 全部分类> 教育资料 > 课设设计

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论