一个div被另一个div给挡住了，z-index设置不管用如何解决？

卧槽这是我的昵称吗 2016-07-17 12:22:38

如果，整体是easyui的框架，body用了easyui-layout的样式，所以上面蓝色部分是“north”，下面是“center”，现在点击用户后pulldown的div被easyui布局的center给挡住了，z-index各种设置也不管用，css了解得不深，有啥办法可解决呢？

...全文

11446 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

usecf 2016-08-15

打赏
举报

pulldown的div定位方式是 position:absolute; z-index属性需要设置position的

xiaoqiu_net 2016-08-15

打赏
举报

没有绝对定位一般z-index不起作用把

Red2us 2016-08-15

打赏
举报

能贴代码的话最好不过了

dt张大牛 2016-08-15

打赏
举报

你头像是完美密保卡？

恍恍惚惚哈哈哈 2016-07-18

打赏
举报

额，你浮动有没有清除？

萨拉嘿 2016-07-17

打赏
举报

调试看下z-index是否是你预期的值，有可能其它样式覆盖了你的设置。我一般都是用chrome调试，右键元素->审查元素->选择Elements选项卡->然后选择Computed，会看到当前元素的所有css样式->在单击你的z-index,会看到所有对它的设置

碧海情天-赵亮 2016-07-17

打赏
举报

如果是的话，那easyui-layout可能也都使用了同样的方式。你就需要看看它的源码具体怎么实现的了。或去查一下它的FAQ。

碧海情天-赵亮 2016-07-17

打赏
举报

pulldown的div定位方式是 position:absolute;吗

你可以用深度（z-index）试试。下面是举的一个小例子： #a{ position:absolute; top:80px; left:100px; z-index:1; } #b{ position:absolute; top:70px; left:160px; z-index:0; }

这是一个解决fixed在iframe中失效的解决案例，只要把文件放到编辑器中打开即可看到效果

做了一个鼠标放上去就出现的下拉菜单，但是这个下拉的内容被挡住了。 Z-INDEX是设置不同块的层次的，我修改了问题还是有。后来发现是当元素的POSITION属性没有的时候，Z-INDEX是失效的。下面更详细的解释来自http://www.jb51.net/css/73529.html 1.第一种情况（z-index无论设置多高都不起作用情况）：这种情况发生的条件有三个：

z-index的学习

定位使得层级变高的问题由于下面的“样本检测”后面需要特殊符号，我就在div的前后都加了伪类，让它绝对定位到字的后面，上边是个ul列表，发现不管怎么给ul设置z-index层级都没用当把“样本检测”的相对定位去掉以后可是我后面的特殊符号绝对定位就不见了，跑到后面去了，因为父节点集一路都没有设置定位，这个方法不可行，总不能定位跑那么远又发现，给“样本检测”的div加上z-index=-1...

CSS

61,129

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章