子元素的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
CSS空间属性z-index
2022-08-31 17:27

铃儿响叮当不响的博客 3. 父子元素在不设置 z-index 的情况下，默认子元素的层级会比父元素层级高，即使父元素的 z-index 设置的比子元素的大，子元素的层级依然比父元素的层级高。元素处于不同的层叠上下文中，根据父级的z-index大小来...
【已解决】使用 z-index 解决不同层级元素互相遮挡的问题
2023-03-07 15:54

写代码的不谷的博客使用 z-index 解决不同层级元素互相遮挡的问题
没有解决我的问题, 去提问

悬赏问题

¥50 Kubernetes&Fission&Eleasticsearch
¥15 有没有帮写代码做实验仿真的
¥15 報錯：Person is not mapped，如何解決？
¥30 vmware exsi重置后登不上
¥15 易盾点选的cb参数怎么解啊
¥15 MATLAB运行显示错误，如何解决？
¥15 c++头文件不能识别CDialog
¥15 Excel发现不可读取的内容
¥15 关于#stm32#的问题：CANOpen的PDO同步传输问题
¥20 yolov5自定义Prune报错，如何解决？