为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我把这个弹出层所在的div z-index设成999了它还是不在最上面呢

为什么我把这个弹出层所在的div z-index设成999了它还是不在最上面呢

图像789 2016-11-30 17:11:34
查看完整描述

2 回答

已采纳
?
qq_冲哥_0

TA贡献40条经验 获得超30个赞

z-index 是相对于兄弟元素来说的,如果两者是同一级关系,z-index 越大,层级越高。 如果两个元素都不是一个级别的,他们根本无法比较。你的购物车应该也是绝对定位并且它的级别要高于这个弹出层,至少大于等于弹出层的父元素

查看完整回答
反对 回复 2016-12-02
  • 图像789
    图像789
    把弹出层的父元素改大了 就没有这个问题了
?
Sunshine22

TA贡献14条经验 获得超5个赞

Z-index使用的时候要有定位(position:absolute||relative||fixed!=static)且不能有浮动(有浮动的话要添加定位来解决)。

查看完整回答
3 反对 回复 2016-12-01
  • 图像789
    图像789
    .login_info .h_1yyg .h_1yyg_eject { position: absolute; top: 0; left: -2px; border: 1px solid #DFDFDF; border-top: none; text-align: center; box-shadow: 0 2px 2px #DFDFDF; width: 105px; background: #fff; z-index: 999; }
?
生来自由

TA贡献8条经验 获得超5个赞

z-index有个依赖的关系,换句话来说,父亲牛逼,儿子在怂也压着别人,父亲怂了,儿子在牛逼也给人压着

查看完整回答
1 反对 回复 2016-12-04
?
Mr_Don

TA贡献6条经验 获得超2个赞

z-index使用要和position定位一起使用,否则没有效果的。


查看完整回答
1 反对 回复 2016-11-30
  • 图像789
    图像789
    .login_info .h_1yyg .h_1yyg_eject { position: absolute; top: 0; left: -2px; border: 1px solid #DFDFDF; border-top: none; text-align: center; box-shadow: 0 2px 2px #DFDFDF; width: 105px; background: #fff; z-index: 999; } 有position呢
?
yeheyt

TA贡献12条经验 获得超4个赞

父元素的层级也会影响到子元素的 看看是不是父元素层级低了的问题

查看完整回答
反对 回复 2016-12-01
?
我做你的蓝胖子3866175

TA贡献1条经验 获得超0个赞

上代码

查看完整回答
反对 回复 2016-11-30
  • 图像789
    图像789
    .login_info .h_1yyg .h_1yyg_eject { position: absolute; top: 0; left: -2px; border: 1px solid #DFDFDF; border-top: none; text-align: center; box-shadow: 0 2px 2px #DFDFDF; width: 105px; background: #fff; z-index: 999; }
?
谢凌

TA贡献41条经验 获得超14个赞

试试 !important

查看完整回答
反对 回复 2016-11-30
?
这是一首

TA贡献55条经验 获得超6个赞

你的position是什么。

查看完整回答
反对 回复 2016-11-30
  • 2 回答
  • 0 关注
  • 4553 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信