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."); //放置最前

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

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

这个跟html元素的定位方式有关. div默认的是 后面一个div根据前一个div来定位. 也就是相对定位; 而你这里需要的,实际上就是两个div根据他们的父容器来定位, 也就是绝对定位. 并且, 后面一个div覆盖到前一个上面. 所以, 你应该使用的是 .parentDi...

示例html 最简单的方法: $(document).ready(function(e) {$(".but").click(function(e) {$(".abc").toggle();});});toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。 ------ 如果你除了显示和隐藏之外还需要同时实现其他功能的话...

问题是你的里面的$('a1').show() ... $('a4').hide()等语句中使用的选择器不对。 你使用的是ID选择器,所以你应该再id之前加上一个#号 正确的写法是: $('#a1').show(); $(‘#a2').hide(); $('#a3').hide(); $('#a4').hide();

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