z-index表示元素出现的z平面上的顺序。堆栈顺序较高的元素始终位于堆栈顺序较低的另一个元素的前面。它在大多数GUI框架（Web和桌面）中都可用。
我在设置图层时遇到问题。我已经应用了背景来覆盖整个页面，但是当我放置应用了 z-index 的元素时，会发生意外的行为。看来子元素我...
英雄部分的背景中有一个我想要的图像。我希望它隐藏在几个元素后面。 z-index 属性似乎不起作用，因为我尝试增加 z-indexe...
通过以下代码，我可以演示不透明度为 50% 的黑色面板如何位于每个矩形的顶部： 通过以下代码，我可以演示不透明度为 50% 的黑色面板如何位于每个矩形的顶部： <Grid> <Rectangle Fill="Black" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Opacity="0.5" Canvas.ZIndex="1"/> <Rectangle Fill="Red" Width="200" Height="200" Canvas.ZIndex="0"/> <Grid> <Rectangle Fill="Blue" Width="100" Height="100" Canvas.ZIndex="0"/> <Rectangle Fill="Yellow" Width="50" Height="50" Canvas.ZIndex="1"/> </Grid> </Grid> 看起来像这样： 我希望在黑色面板上方有黄色矩形，但这似乎是不可能的。 我可以通过将包含蓝色和黄色矩形的网格的 ZIndex 设置为“1”来实现接近的效果。 但这也会将蓝色矩形提升到黑色上方，这是一个问题。 <Grid> <Rectangle Fill="Black" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Opacity="0.5" Canvas.ZIndex="1"/> <Rectangle Fill="Red" Width="200" Height="200" Canvas.ZIndex="0"/> <Grid Canvas.ZIndex="1"> <Rectangle Fill="Blue" Width="100" Height="100" Canvas.ZIndex="0"/> <Rectangle Fill="Yellow" Width="50" Height="50" Canvas.ZIndex="1"/> </Grid> </Grid> 如何只得到黑色上方的黄色矩形？ 在我的实际应用程序中，我有用户控件而不是矩形。我喜欢通过让其他所有内容都被半黑阴影覆盖来使特定的控件脱颖而出。 非常感谢， 我认为您无法通过当前的控件安排来实现这一目标。 这里有两个级别的控件，内部网格内的“蓝色”和“黄色”控件，然后是内部网格内的“黑色”和“红色”控件。 ZIndex适用于同一“级别”的控件 - 因此您可以确保黄色控件位于蓝色之上，但在更高级别上，它们被分组在内部网格下，因此被视为单个单元. 唯一可行的方法是所有控件都处于同一级别。如果您在内网格中包含第二个半透明矩形，您可以使黄色位于 that 的顶部，但这可能最终会使其他控件太暗。 一种方法可能是不使用简单的黑色矩形。 而是使用由两个矩形组成的路径。 第一个矩形将覆盖整个区域，第二个矩形将仅覆盖可用的控件。 这将创建一个大矩形，其中有一个孔，您的目标控件可以在其中显示并接受输入。 缺点是计算要添加的矩形几何形状以创建孔，但这相当简单。
Ngx-Bootstrap Popover 问题不会出现在其他元素之上
我正在尝试向 Ngx-bootstrap 输入表单添加一个弹出窗口。我希望弹出窗口显示在弹出窗口解释的输入字段下方的输入字段的顶部。当我点击输入字段时...
我在我的项目中使用了react datePicker和fixed-data-table-2。当我打开日历时，它显示在表头后面。这是 CSS 文件的代码： .ui-datepicker { z-index：9999！重要...
我正在学习堆叠上下文，然后我想尝试一下并测试我刚刚学到的东西。 据我了解，z-index 仅适用于堆叠连续内的那些元素...
注意：下面的示例使用了 View Transitions API，但并非所有浏览器都支持该 API。在 Firefox 中，这段代码不会进行转换，因此不会显示我遇到的问题。 我是什么
我正在构建一个 React 应用程序，其中有多个组件，例如 Header、LeftSidebar、RightSidebar 和 Home。我正在使用布局组件来包装这些组件（例如，LeftSidebar 和
如何调整伪元素::-moz-range-thumb的z-index？
如何调整这个::-moz-range-thumb伪元素的z-index？是否可以？ Devtools 检查员说需要一个非静态位置属性，但正如您所看到的，位置已经是...
我想知道是否可以在其父元素后面有一个具有 z-index 的子元素。 我想使用父 div 作为其内容之上的透明颜色层。
如何在 Rust Slint 项目中设置窗口位置和 z-index？
我正在尝试使用 Rust Slint GUI 项目。 但我不知道如何设置窗口级别始终高于其他窗口。（如 z-index: 10000） 另外，如果运行它，应该显示在计算机的右侧...
我将固定元素放置到另一个粘性元素上，并希望它覆盖页面上的任何其他元素。看起来很明显，但是... 最好看看 codepen。 我认为这不是正常行为。 在 ch 中测试...
我在 Wordpress 中使用 Avada Child 主题，最近开始在顶部导航上尝试超级菜单。大型菜单在主页上有效，但在其他页面上它位于“后面”......
我正在尝试创建一个浮动菜单。因此我希望父元素与其子元素重叠。我研究过，子项的 z-index 为 -1，父项的 z-index 应该有效。元素...
我的屏幕上有一堆 div。 我想要做的是，当我选择任何 div 时，我希望它的 zIndex 始终高于所有其他 div。 在我的应用程序中，我需要重复执行此操作
我在页面顶部的固定导航栏中使用 Bootstrap 的下拉菜单。 一切正常，但我遇到了下拉菜单项显示在其他页面元素后面而不是在...中的问题。
我在页面顶部的固定导航栏中使用 Twitter 引导下拉菜单。 一切正常，但我遇到了下拉菜单项显示在其他页面元素后面的问题，而不是......
我希望一个div成为另一个移动div背景的固定部分。 想象一下网站的上半部分是一个白色的 div。下半部分是一个蓝色的 div，上面漂浮着红色的圆圈。
我正在尝试在按钮周围制作边框。这个边框应该是一个渐变，所以我只是想制作一个更大的按钮，而上面的按钮下面没有功能。出于某些原因...
根据我的理解，::before 应该出现在元素下方，而 ::after 应该出现在元素上方（就 z-index 而言）。 在下面的示例中，我尝试仅制作背景