两个堆叠上下文之间的Z索引

文章/答案/技术大牛

发布

1回答

Z-索引的子级：'auto‘vs z-index: 0，CSS中的“堆叠上下文”是什么？

html、css、z-index

以前，我认为子元素不能对其父元素的同级元素进行z索引，因为父元素的z索引比父元素高。例如，divs和B是兄弟姐妹。Div A的z索引为10，div B的z索引为5，Div B有一个子元素：Div C，z索引为9999。根据CSS2规范，z索引'auto‘被定义为当前堆叠上下

浏览 1提问于2013-04-29得票数 8

回答已采纳

1回答

Z-索引和DOM层次结构需要相互调整吗？

html、css、dom、z-index

我有这样的代码(divs有绝对位置，并且至少有部分重叠)： <div style="z-index: 3"></div><div style="z-index: 2"> </

浏览 2提问于2016-01-29得票数 0

回答已采纳

1回答

带有比例的动画最终会破坏堆叠的上下文。

html、css、stacking-context

我有一个固定的网站，z-索引: 2；导航栏.它很好的工作，但我也有一个图像，规模为1.2，当盘旋。问题出现在这里。不管我做什么，我的肚脐上都会有图像。: 0; transform: scale(1.2); position: relative;注意:我的..about me-徽标:悬浮不在代码中，因为我放弃了它。我希望能在这里得到一个答案，然后把它放回我的<

浏览 15提问于2021-12-26得票数 0

回答已采纳

2回答

html、css、z-index

我知道这是一个被广泛回答的问题，但我试图让一个堆叠上下文中的绝对元素放在另一个堆叠上下文之前。快把我逼疯了！下面是我想要实现的： function expand() {if (x.style.display ==;} .container{ position:relative; wid

浏览 48提问于2021-07-07得票数 0

2回答

我需要在较低的级别放置一个对象

html、css

我已经做了一个滚动manu，当我尝试选择它时，菜单列表会落后于一个对象(一个简单的音乐播放器)。我怎样才能把那个物体放在较低的层次？我知道我应该使用z-index命令，但我不知道值。我都试过了。z-index:0; z-index:auto; 我还能用什么？

浏览 1提问于2013-10-07得票数 0

回答已采纳

1回答

使用z索引在父分区级别上显示上面的元素。

javascript、jquery、css、html

我想在父div的同一级别上显示在div之上的子div (即父容器中的子div)。我可以使用jQuery和CSS来操作z索引.在下面的示例中，我希望日历位于gridRight的上方，但是z索引为1000，gridRight为2，它仍然没有显示在它上面。用户可以在周围拖动日历。-The元素具有属性位置:绝对值我想要能够移动红广场以上的绿色广场，所有的黑色广场仍将显示在绿色广场之下。

浏览 6提问于2012-06-21得票数 1

回答已采纳

3回答

z-index对我不起作用，我哪里做错了？

z-index

albums/ad96/emly_haha/annoyed-smiley.jpg" /></a>CSS：#sitename { z-index:1 } #listen { position:absolute;top:150px;z-index:0 }

浏览 0提问于2011-05-06得票数 0

回答已采纳

1回答

应用媒体查询时，固定菜单不会保持固定

html、css、responsive-design

这一切都运行得很好，但我试图将菜单固定在我的一个项目的页面顶部。不幸的是，隐藏菜单在修复后，不要在悬停后更改z索引。#icon_cont ul{ margin-top: 75px; z-index:-2; /**THIS DOES NOT感谢您的帮助！

浏览 0提问于2015-04-07得票数 1

1回答

是否可以在另一个z索引元素中独立设置z索引？

html、css

我有一些图片和底部的小菜单。它们的位置是绝对的，这样它们就可以相互重叠。我使用z-index (由一些javascript代码操纵)由用户决定哪个图像首先显示在第二个图像的顶部。但是，我需要将菜单显示在前景中，而不考虑它们所在的z索引元素。absolute;} position: absolute;}

浏览 0提问于2020-11-04得票数 0

6回答

CSS :在+z索引之后

html、css、z-index、pseudo-element

我正在尝试创建一个带有向下箭头的消息框。我希望对箭头使用:after伪元素，以避免额外的HTML，并且希望伪元素继承其父元素的box-shadow。我就是不能让那个伪元素在父元素后面。

浏览 0提问于2012-11-16得票数 3

回答已采纳

7回答

w3c标准是否允许相同的z索引

html、css、z-index、w3c、w3c-validation

只是一个很快的问题，我找不到答案。我在某处听说您不能拥有相同的z索引(嗯，您可以，但它不符合w3c标准)。这是真的吗？我可以有两个z索引为3的<div>元素吗？谢谢。

浏览 0提问于2011-03-12得票数 4

1回答

具有较高z索引的Firefox上的嵌套z索引问题

javascript、html、css、forms、z-index

我在Firefox上遇到了嵌套z索引的问题，可能其他浏览器也是如此，我有一个z索引为30000的div，它位于一个z索引为9000的label之下。我认为这是由div中的30000个z索引和2000个s索引引起的，但我删除了它，结果没有任何效果。这里有什么明显的原因会导致这个问题吗？div class="field

浏览 0提问于2012-11-23得票数 1

回答已采纳

2回答

文本在较低的父元素中仍然可见

html、css

我有两个元素，一个锚和它的伪元素。在下面的代码片段中，伪元素位于其父元素之后。当它悬停时，伪元素会缩放。 100%; border-radius: 100px; top: 0; z-indexafter {} <a href="#" class="btn btn-white">Example<&#

浏览 10提问于2019-06-24得票数 2

1回答

如何逆转嵌套子元素的顺序

javascript、jquery、css

CSS width: 100px; position: relative; background: red;} background: green; z-index: 500; background: gray; z-index: 100;现在，我希望它是完全相反的，也就是说，红色在所

浏览 2提问于2013-10-18得票数 1

2回答

Z-索引不处理父级为固定位置的元素。

html、css、css-position、z-index

这些元素中的每一个都有子元素(弹出窗口)，其中也有position: fixed。我在堆栈溢出中看到了类似的问题，但是它们都没有为这个问题提供解决方案。position: fixed; width: 100%; top: 0%; z-indexdispla

浏览 5提问于2016-09-13得票数 1

回答已采纳

2回答

关于z-index的困惑

html、css

以下链接中的文章指出，z索引堆叠仅适用于同级元素：display: block; left: 0; top: 0; width: 100%;

浏览 1提问于2016-12-20得票数 5

1回答

可以设置只影响某个div的子元素的z索引规则吗？

css

是否可以将z-index设置为仅适用于某个“范围”，例如仅影响某个元素的子元素。我有一个z索引为0的containerDiv。它包含一堆圆圈，这些圆圈应该以不同的深度放在每个圆圈的顶部，但我不希望它们影响页面上的任何其他元素。我已经在页面上有一堆其他元素(弹出式窗口，下拉式菜单等)，它们的z索引为1，我希望它们被放在containerDiv和它的所有子元素的顶部

浏览 0提问于2012-06-27得票数 0

回答已采纳

1回答

Z-嵌套固定元素和溢出的索引问题:隐藏

html、css、z-index

这似乎很费劲，但我试试看： width: 100%; z-i

浏览 1提问于2015-10-09得票数 3

2回答

子元素z-index不起作用时，父母是固定的，并有相同的z-索引？

javascript、jquery、html、css

我用重新创建了我的问题。我希望.top .inside高于.bottom .inside。我知道z-index只适用于其各自的位置类型，即固定和绝对不占据相同的z-索引状态，但是如果我有两个具有相同z-索引的固定父母，那么是否有一种方法可以使子级的位置与不同的z-索引完全一致，取决于我想要在上面的哪一个fixed element</

浏览 0提问于2015-12-17得票数 2

回答已采纳

3回答

z-index继承了父z-index，还是不继承？

javascript、css

我有两个绝对的div。div A上的一项将显示div B(单击+一些javascript代码)。我希望B上的Z索引比A上的更高(我想让B高于A)-问题是...？如何获取我的“item”的“computed”zindex？

浏览 0提问于2014-04-29得票数 16

点击加载更多

Z-索引的子级：'auto‘vs z-index: 0，CSS中的“堆叠上下文”是什么？

Z-索引和DOM层次结构需要相互调整吗？

带有比例的动画最终会破坏堆叠的上下文。