WPF中使用Grid来实现图层的效果

  <Style x:Key="ScanButtonStyle" TargetType="{x:Type Button}">
         <!--<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>-->
         <!--<Setter Property="Padding" Value="4,4,4,4"/>-->
         <!--<Setter Property="BorderThickness" Value="1"/>-->
         <!--<Setter Property="BorderBrush" Value="#8C8E94"/>-->
         <Setter Property="HorizontalContentAlignment" Value="Center"/>
         <Setter Property="VerticalContentAlignment" Value="Center"/>
         <Setter Property="FontSize" Value="14"/>
         <Setter Property="Cursor" Value="Hand"/>
         <Setter Property="FontWeight" Value="Bold"/>
         <Setter Property="FontFamily" Value="Tohama"/>
         <Setter Property="Foreground" Value="White"/>
         <Setter Property="Template">
             <Setter.Value>
                 <ControlTemplate TargetType="{x:Type Button}">
                     <Grid Height="{TemplateBinding Height}">
                         <Grid x:Name="grid" RenderTransformOrigin="0.5,0.5" Margin="0,10,0,25">
                             <Grid.RenderTransform>
                                 <TransformGroup>
                                     <ScaleTransform/>
                                     <SkewTransform/>
                                     <RotateTransform/>
                                     <TranslateTransform/>
                                 </TransformGroup>
                             </Grid.RenderTransform>
                             <Border x:Name="border" BorderBrush="#8DBF00" BorderThickness="1" CornerRadius="3">
                                 <Border.Background>
                                     <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                         <GradientStop Color="#81BE00" Offset="0.20"/>
                                         <GradientStop Color="#77B500" Offset="0.4"/>
                                         <GradientStop Color="#68A600" Offset="0.6"/>
                                         <GradientStop Color="#5D9B00" Offset="0.8"/>
                                         <GradientStop Color="#417D00" Offset="0.9"/>
                                         <GradientStop Color="#49721D" Offset="1"/>
                                         <!--<GradientStop Color="White" Offset="0.009"/>
                                     <GradientStop Color="#FF00B43C" Offset="0.547"/>
                                     <GradientStop Color="#FF19E4CC" Offset="1"/>-->
                                     </LinearGradientBrush>
                                 </Border.Background>
                                 <Border.Effect>
                                     <DropShadowEffect ShadowDepth="0" Color="#FF94AF95" BlurRadius="5"/>
                                 </Border.Effect>

                             </Border>
                             <TextBlock Margin="28,0,0,0" TextWrapping="Wrap" Text="{TemplateBinding Content}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White" FontFamily="Microsoft YaHei" Width="77"/>
                         </Grid>
                         <Rectangle x:Name="rectangle" HorizontalAlignment="Left" Height="{TemplateBinding Height}" Width="140" Margin="7,0,0,0" Stroke="{x:Null}" RenderTransformOrigin="0.5,0.5">
                             <Rectangle.RenderTransform>
                                 <TransformGroup>
                                     <ScaleTransform/>
                                     <SkewTransform/>
                                     <RotateTransform/>
                                     <TranslateTransform/>
                                 </TransformGroup>
                             </Rectangle.RenderTransform>
                             <Rectangle.Fill>
                                 <ImageBrush ImageSource="/Interface/scan/img-problem.png"/>
                             </Rectangle.Fill>
                         </Rectangle>
                     </Grid>

                 </ControlTemplate>
             </Setter.Value>
         </Setter>
     </Style>

效果如下图：

电脑图标是遮盖在scan now按钮上面的，因为它们处在grid中的同一行中