flpz.net
当前位置:首页>>关于jQuery如何让一个被遮住的div显示最前面的资料>>

jQuery如何让一个被遮住的div显示最前面

你可以给那个div的css样式中添加z-index:10001。

div遮挡主要还是是用css中的z-index属性控制,用jquery不过是动态控制, $(selector).css('z-index',1)$(selector2).css('z-index',2)

#apDiv1 { position:absolute; width:200px; height:115px; z-index:100; //如果被东西遮挡 就在把这个值设置高 left: 51px; top: 60px; }

div{ position:relative;/*如果需要的话可以用absolute或者fixed*/ z-index: 999 /*数字越大层数越高*/ }

$("#div1").prepend("Some prepended text."); //放置最前

给div绑定事件。 $("div").bind("click",function showDiv(event){ $("div").hide(); //让所有div都隐藏 $("this").show(); //让被点击的div显示. }); 代码没有测试过,仅供参考.

Jquery中hide()方法表示隐藏,show()表示显示 示例: 测试 $(function(){ $('#btn').click(function(){ $div1=$('#div1'); if($div1.is(':hidden')){ $div1.show(); }else if($div1.is(':visible')){ $div1.hide(); } }); });

设置div样式 z-index:auto auto可定义为一个值(整数数字),越大代表越置前,如可定义为: z-index:999。 前提是div是定位元素代码实例如下: 1、 2、 3、 3、.div1{ width: 200px; height: 100px; background: red; float: left; } 5、.div2{ wi...

能获得,不过挺麻烦的,会用到递归,说一下思路。先取得所有的div,挨个求div到body顶端的距离,跟body的scrolltop比较,如果前者大就保留。最后只留下距离顶端距离最小的div。求div到body顶端距离:取得自身的offsettop,然后+parent的offsetto...

给DIV设置position:absolute; 比如说top值是100px; 那么$('div').css('top','50px');

网站首页 | 网站地图
All rights reserved Powered by www.flpz.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com