dialog上的控件被覆盖在下面,如何解决 5C

该控件样式是这样的
图片说明
问题是我在一个dialog上触发该控件后它显示在了dialog后面,调试了很久也没解决,该如何让它显示在前面呢?
图片说明

4个回答

dialog的z-index是9000开始的,你的浮动层要想浮动到dialog上面,z-index要设置未999999999,比dialog大至少100,,他那个dialog打开一次z-index就会增加一次,所以如果你的页面不刷新一直打开多次dialog,z-index就要设置得很大了,要不打开多次就会覆盖掉你的层

showbo
支付宝加好友偷能量挖,胡杨等着我的招呼 回复Andy滴滴滴: z-index对absolute,fixed,relative定位容器有效,static没有效果,自己慢慢摸索了
3 年多之前 回复
sinat_34183216
Andy滴滴滴 回复showbo: 有一个设置position:absolute;
3 年多之前 回复
showbo
支付宝加好友偷能量挖,胡杨等着我的招呼 回复Andy滴滴滴: 你那个层是absolute定位的没有先,不是的话没有办法覆盖的,改为absolute定位。而且z-index是设置你内容最顶级容器的,子容器设置z-index无效
3 年多之前 回复
sinat_34183216
Andy滴滴滴 回复showbo: 找到设置z-index的地方了,原先的是99,我设置成了999999999,但还是不行。。。
3 年多之前 回复
showbo
支付宝加好友偷能量挖,胡杨等着我的招呼 回复Andy滴滴滴: 有容器的,自己用谷歌浏览器打开你页面,然后在你那个层上右键,选择审查查看元素,然后设置那个absolute定位元素的有什么样式,然后修改样式增加z-index或者修改z-index的值。
3 年多之前 回复
sinat_34183216
Andy滴滴滴 嗯,但不知道在哪里设置z-index,由于这个控件是整个项目通用的,所以专门写在一个js文件上,没有找到div。什么的,
3 年多之前 回复

吧这个div的z-index调的和dialog的z-index相同或者比他大

sinat_34183216
Andy滴滴滴 没有找到控件的div,它是单独写在一个js文件的
3 年多之前 回复

运行起来之后,F12查找你被覆盖的框的元素和dialog对应的元素,看看z-index分别是多少,然后想办法让下边的z-index比dialog大就好了

z-index层次问题

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问