XAML 使堆栈面板略微透明，但里面的文本不透明答案

【问题标题】：XAML Make stackpanel slightly transparent but the text inside notXAML 使堆栈面板略微透明，但里面的文本不透明
【发布时间】：2014-04-02 09:31:22
【问题描述】：

我有一个堆栈面板，我用一个文本块填充。我有一个 stackpanel.resources。我尝试将背景设置为透明，但它会使整个样式不可见（但文本不可见），我尝试使用不透明度。这确实使我的堆栈面板略微透明，而且堆栈面板中的文本也变得透明。

堆栈面板如下所示：

        <StackPanel Orientation="Vertical" Margin="550,25,0,0">
            <Border>
                <TextBlock OpticalMarginAlignment="None">
                    <Run FontSize="24" Text="Product"></Run><LineBreak/>
                    <Run FontSize="18" Text="Artikelnummer: "></Run><LineBreak/>
                    <Run FontSize="18" Text="Omschrijving: "></Run><LineBreak/>
                    <Run FontSize="18" Text="Eenheid: "></Run>
                </TextBlock>
            </Border>
            <StackPanel.Resources>
                <Style TargetType="Border">
                    <Setter Property="Background" Value="#287d37" />
                    <Setter Property="Margin" Value="5" />
                    <Setter Property="Width" Value="400" />
                    <Setter Property="Height" Value="105" />
                </Style>
                <Style TargetType="TextBlock">
                    <Setter Property="Foreground" Value="White" />
                    <Setter Property="Margin" Value="5" />
                </Style>
            </StackPanel.Resources>
        </StackPanel>

有谁知道我如何实现将堆栈面板的背景设置为不透明度 0.25 之类的目标，但堆栈面板内的文本却不是？

提前致谢！

【问题讨论】：

标签： xaml windows-store-apps stackpanel

【解决方案1】：

在硬编码颜色的情况下指定 alpha 通道（第一个字节），或者在使用画笔时指定不透明度：

<StackPanel Background="#44287d37">
   ...
</StackPanel>

或

<StackPanel>

   <StackPanel.Background>
      <SolidColorBrush Color="Blue" Opacity=".25"/>
   </StackPanel.Background>

   ...

</StackPanel>

【讨论】：