WPF使容器背景不清除子内容

Question

简单代码：

<UserControl x:Class="MonitravLite.UserControls.Foo"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:local="clr-namespace:MonitravLite.UserControls"
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
<StackPanel>
    <!-- 1st example with setting background -->
    <Grid Background="Blue" Opacity="0.5">
        <TextBlock Text="Grid background"/>
    </Grid>
    <!-- 2nd example with grid on top-->
    <Grid>
        <TextBlock Text="Grid on top"/>
        <Grid Background="Blue" Opacity="0.5"/>
    </Grid>
</StackPanel>

我有各种显示状态的子控件。当这些子级中的任何一个处于错误状态时，我希望容器的背景更改颜色。例如如果其中一个子项处于错误状态，则背景应为红色。

但是，如果我设置容器背景（在此示例中为网格），则会洗掉子容器。

如果我执行第二种方法并在顶部放置网格-不会发生吗？

我尝试设置Panel.Zindex，但这无济于事。

要使第一个示例像第二个示例一样呈现，我缺少什么？

Answer 1

如果您设置了网格的不透明度，则其所有子级都将继承此属性，并且也将变为透明！因此，与其选择透明的颜色作为背景，还不如将其变成透明的网格。

代替此行：

    <Grid Background="Blue" Opacity="0.5">

尝试一下：

    <Grid Background="#7f0000FF">