发行Z-index CSS

Question

我的CSS有问题，当我登录或注销时，会显示一条消息。问题是文本显示在另一个按钮的后面，为了解决这个问题，我认为我可以将 <ListView Grid.Row="1" x:Name="lstDummies"> <ListView.Resources> <Style TargetType="{x:Type ListViewItem}"> <Style.Triggers> <EventTrigger RoutedEvent="Loaded"> <EventTrigger.Actions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:0.5"> </DoubleAnimation> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger> </Style.Triggers> </Style> </ListView.Resources> <ListView.ItemsPanel > <ItemsPanelTemplate > <UniformGrid VerticalAlignment="Top" HorizontalAlignment="Left" Columns="17"/> </ItemsPanelTemplate> </ListView.ItemsPanel> </ListView> 设置为20左右，以确保它覆盖所有内容，但是当我应用它时，什么都没发生，我也不知道为什么。这是z-index代码：

CSS

和2张照片供您选择。

Answer 1

z-index仅适用于定位在上的元素，而不适用于您的元素。

设置position以外的其他static值（您可能希望使用relative，因为它副作用最少）。

Answer 2

z-index指定元素的堆叠顺序，但是z-index仅适用于定位的元素（position：绝对，position：相对，position：固定或position：粘性）。 具有较高z-index的元素将始终位于具有较低z-index的元素之前。