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>

У меня есть различные дочерние элементы управления, которые отображают состояния.Когда любой из этих дочерних элементов находится в состоянии ошибки, я хочу, чтобы фон контейнера изменил цвет.eg.e.если один из дочерних элементов находится в состоянии ошибки, фон должен быть красного цвета.

Однако, если я устанавливаю фон контейнера (в данном примере сетку), он размывает дочерние элементы.

Если я сделаю второй подход и наложу сетку сверху - этого не произойдет?

Я попытался установить Panel.Zindex, но это не помогло.

Чего мне не хватает, чтобы первый пример выглядел как второй?

Answer 1

если вы установите непрозрачность сетки, все ее потомки унаследуют это свойство и станут прозрачными! Поэтому вместо того, чтобы сделать сетку прозрачной, выберите прозрачный цвет в качестве фона.

вместо этой строки:

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

попробуйте это:

    <Grid Background="#7f0000FF">