子元素的z-index始终不能大于父元素？

如果一个元素的z-index被css文件或者Javascript代码设置成20，则他的子元素，没法设置成大于20的值，是这样吗，为什么？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
u52983610 2016-03-07 06:33
关注
去这个链接那里试下就明白了，
子元素的zindex不管怎么修改都是在父元素那里的zindex，父元素需要和同级别的元素比较zindex，然后子元素在父元素中比较和自己同级别的zindex

http://jsfiddle.net/ZjXMR/
本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

子元素的z-index始终不能大于父元素？ css html5 javascript
2016-03-07 06:23

回答 2 已采纳去这个链接那里试下就明白了， 子元素的zindex不管怎么修改都是在父元素那里的zindex，父元素需要和同级别的元素比较zindex，然后子元素在父元素中比较和自己同级别的zindex ``
父元素设置relative 子元素(按钮)设置absolute 为什么子元素不在父元素中呢？ css css3 html5 有问必答
2021-04-05 22:10

回答 3 已采纳这个样式要继承，没有继承就跟上面的没有关系了吧。lunbo.anniu{}这样写试试
css z-index 同级元素改变层级关系无效 css vue.js 前端
2021-12-05 16:22

回答 2 已采纳你看一下，用.div3.div2 或者 .div3+.div2都行，关键是在html部分，要把div2放div3下面！第一种：+ 相邻兄弟选择器（.div3 .div2）只能选择与自己紧紧相连的身
子元素比父元素 z-index高低的问题
2023-07-03 18:10

悠悠~飘的博客大坑---设置父relative z-index:0 子元素居然比父元素的兄弟元素低一个层级！原因：当你将父元素的position属性设置为relative并且z-index属性设置为0时，子元素无论尺寸大小如何都会处于父元素的后面。这是因为在...
js 如何获取元素的堆叠顺序z-index值，在没有设置z-index的情况下 javascript
2018-09-19 06:29

回答 3 已采纳 window.getComputedStyle了解下，可以使用window.getComputedStyle(dom).zIndex获取
子元素hover更改父元素相邻元素的子元素样式 css javascript 有问必答
2022-10-24 02:01

回答 5 已采纳 JQ改变背景的写法： $('#Collections-1').hover(function(){ $("#hoverimg").css({"background-image":"url(.
HTML CSS:子元素什么时候可以超出父元素限制的范围? css css3 html5 javascript
2019-01-02 20:09

回答 1 已采纳 1.当单个元素的尺寸超出父元素的尺寸时可以同时从水平和竖直方向超出父元素的范围 2.对于多个元素或多个中文文字和英文单词会遵循文本流（文本流默认是水平方向）方向排列。当文本流遇到父元素的水平方向
子元素设置position:fixed，z-index大于父元素依然被父元素盖住
2019-04-13 17:29

Qssn丶的博客在项目中遇到一个奇怪的问题，当父元素样式overflow有滚动条、borde-radius存在、position不为static时，和z-index不为auto时，子元素的position就算是fixed，且z-index大于父元素，也会被隐藏掉。源码和效果图如下...
QDomElement::text 子元素和父元素重复？ c++ 其他有问必答
2021-06-10 11:16

回答 4 已采纳感谢，已解 QDomElement ::text 读取出的会重复 QDomNode::nodeValue() 读出来的事正确的值
给元素设置display:none，他的z-index会消失吗 html5
2022-09-20 16:31

回答 2 已采纳只是隐藏了。样式还会在
怎么让父元素盖住子元素？ css html
2022-01-19 22:45

回答 1 已采纳父元素怎么也盖不住子元素的，你么设置的目的是什么呢；
CSS深入理解z-index（z-index相关知识总结）
2020-11-30 20:32

AlexGeek的博客 z-index属性指定了元素及其子元素的【z顺序】，而【z顺序】可以决定当元素发生覆盖的时候，哪个元素在上面。通常一个较大z-index值的元素会覆盖较低的那一个 2.z-index支持的属性值： 3.z-index的特性： 4....
Html textarea 元素撑大父元素请教? vue.js 前端有问必答
2022-07-23 20:09

回答 2 已采纳 inline元素默认是和父级元素的baseline对齐的，而baseline又和父级底边有一定距离（这个距离和 font-size，font-family 相关，不一定是 5px），所以设置 vert
【已解决】使用 z-index 解决不同层级元素互相遮挡的问题
2023-03-07 15:54

写代码的不谷的博客使用 z-index 解决不同层级元素互相遮挡的问题
z-index的使用及注意事项
2021-06-25 15:57

Microbabyshine的博客 1、无浮动定位，不设置z-index值结论：子高于父 HTML <div id="no-style"> <div id="div1" class="father-div" style="background:#00ffff;"> div11111 <div id="test-position" class="child-...
没有解决我的问题, 去提问

悬赏问题

¥15 C++ 头文件/宏冲突问题解决
¥15 用comsol模拟大气湍流通过底部加热（温度不同）的腔体
¥50 安卓adb backup备份子用户应用数据失败
¥20 有人能用聚类分析帮我分析一下文本内容嘛
¥15 请问Lammps做复合材料拉伸模拟，应力应变曲线问题
¥30 python代码，帮调试
¥15 #MATLAB仿真#车辆换道路径规划
¥15 java 操作 elasticsearch 8.1 实现索引的重建
¥15 数据可视化Python
¥15 要给毕业设计添加扫码登录的功能！！有偿