z-index表示元素出现的z平面上的顺序。堆栈顺序较高的元素始终位于堆栈顺序较低的另一个元素的前面。它在大多数GUI框架（Web和桌面）中都可用。
我有一个带有伪 ::before 元素的 div，其 z-index: -1 以便放置在实际 div 后面。 div 是一个“球”，伪元素是它的阴影。 还有一个按钮...
这就是我试图实现的设计： 每张卡片都有一个像这样的盒子阴影： 盒子阴影：16px 32px 56px rgba(143, 174, 207, 0.25); 以下是每张卡的 CSS： 。卡片{ 宽度：365...
Chrome 和 Safari 中的 CSS 列数和绝对位置（z-index？）
考虑以下示例：https://codepen.io/anon/pen/OOrMLm 可以单击每个白色块，这会显示一个小的红色弹出窗口，我需要用户在其中做出一些选择。 在火狐浏览器上，
我在盒子的两侧都有两个图像。它们都应该位于盒子后面，左侧图像的样式正确，右侧图像则不然。我无法让图像进入盒子后面并停留
我的位置有问题：粘性和 z 索引 我希望粘性元素中的模态被覆盖层覆盖。 使用位置：相对它可以工作：模态位于覆盖之前。但是...
我有一个导航襟翼。单击链接会触发转换，并且传输中的元素会放置在翻盖上方，就好像它具有更高的 z-index，但事实并非如此。 // <----
更改自定义标记的 zIndex 或移动到前面或模仿在反应本机地图上按下的标记
我有一个react-native-map，它通过在数组中加载数据并将图像显示为数组中信息的标记来工作。我有一个在地图上运行的react-native-snap-carousel，当它卡入pl时......
我正在阅读这篇关于 z-index 的文章并有一个问题。 在此输入图像描述 z-index 就像图层一样，对吗？那么layer(z-index) 1应该在顶部，第二层，第三层等等。 我怎么...
当要淡入淡出的 div 位于另一个 div 下时，鼠标悬停和鼠标移出淡入/淡出问题
我有一系列的框，当您将鼠标悬停在一个框上时，我想淡出一个黑色蒙版，该蒙版会在每个框上淡出，并在您将鼠标移出每个框时淡入蒙版。不过eac里也有文字...
/* ************************** */ /*低于1350px（较小的桌面）*/ /* ************************** */ @media（最大宽度：84.5em）{ .粘滞便笺{ 宽度：30rem； 高度：30rem； } .m...
下面您会发现模态的指定 z 索引高于模态背景的 z 索引的情况。尽管如此，在很多情况下背景会位于模态之上......
我正在为一个学校项目做一个十字路口。 我有 4 条车道，其中有一个矩形作为在其上行驶的汽车。 问题是 1 号车和 2 号车在十字路口下行驶，而 Panel.ZIndex 似乎没有...
我在透明背景上有文本，如下所示： http://jsfiddle.net/L9ggc06c/ 然而，文本仍然应用透明度。 #内容a:悬停.text p{ -ms-filter: "progid:
所以，我正在开发一个带有 Next.js、基数和成帧器运动的 Next.js 应用程序。 我已经创建了一个带有移动自适应菜单的导航栏，通过成帧器运动进行动画处理并绝对定位。
我一直在尝试使用 z-index css 属性使一个元素始终位于另一个元素的前面，但它不起作用。一个元素的 z-index 明显大于另一个元素的 z-index，但是......
我正在使用 MudTable 冻结前 3 列（具有粘性位置）。第一列有一个 MudMenu。当我单击菜单时，会出现一个带有覆盖层的模式（或弹出内容）。问题...
我有一个表单，在用户在另一个下拉菜单中选择一个选项（这是重复使用的同一组件）后，我动态构建的自定义下拉组件会出现，但是男人...
我有以下 HTML（为了清晰起见，删除了多余的内容）： 我有以下 HTML（为了清晰起见，删除了多余的内容）： <div style="background-color: red;"> <div style=" padding: 4% 15%; display: flex; flex-direction: column; height: 100%; justify-content: center; color: #fff; "> <h1 style=" font-weight: 400; ">This text should be normal, <b>this</b> this should have a circle behind it.</h1> </div> </div> 以及以下CSS b { position: relative; font-weight: 800; } b:before { position: absolute; content: ''; background: #8866c5; border-radius: 50%; width: 130%; padding-top: 130%; left: -15%; transform: translateY(-65%); z-index: -1; } 目标是创建一个伪元素，在 <b> 元素后面（显然也在文本的其余部分后面）形成一个圆圈（“聚光灯”）。这是可行的，但是一旦我将其放入具有背景的容器中（就像我在具有红色背景的容器中所做的那样），伪元素就会落在背景后面。我该如何解决这个问题？ 您可以在红色背景的容器上添加 opacity:0.99 来形成新的堆叠上下文，这样 z-index 为负的伪元素就无法渲染在其后面。 b { position: relative; font-weight: 800; } b:before { position: absolute; content: ''; background: #8866c5; border-radius: 50%; width: 130%; padding-top: 130%; left: -15%; transform: translateY(-65%); z-index: -1; } <div style="background-color: red; opacity:0.99"> <div style=" padding: 4% 15%; display: flex; flex-direction: column; height: 100%; justify-content: center; color: #fff; "> <h1 style=" font-weight: 400; ">This text should be normal, <b>this</b> this should have a circle behind it.</h1> </div> </div> 事实证明这很简单。您必须将 z-index: 0 添加到带有背景的元素（在本例中为具有红色背景的 div）。我一直认为 z-index 仅对非静态定位元素有意义。
我在 wordpress http://heather.stevenspiel.com/ 上有一个简单的博客，我试图将标题标题设为主页的链接。我进入 header.php 并重写了该部分的脚本，...
如何使添加到表中的新行位于具有 z-index 的其他元素之上
我有一个表格，每次按“提交”按钮时都会向其中添加行。 我的目标：我希望添加到表格中的行位于表单元素的顶部并覆盖它。 问题：怎么了...