title: Display text over button image with Static Resource
body: <p>This is my button style:</p>
  
  <pre><code>        &lt;Style TargetType="local:Button" xmlns:local="clr-namespace:Terminal"&gt;
              &lt;Setter Property="Template"&gt;
                  &lt;Setter.Value&gt;
                      &lt;ControlTemplate TargetType="{x:Type local:Button}"&gt;
                          &lt;Image x:Name="img" Source="{Binding DefaultImage,RelativeSource={RelativeSource TemplatedParent}, FallbackValue=img/0.png, TargetNullValue=img/0.png}" Stretch="Fill"&gt;
                          &lt;/Image&gt;
  
                          &lt;ControlTemplate.Triggers&gt;
                              &lt;Trigger Property="IsPressed" Value="true"&gt;
                                  &lt;Setter Property="Source" TargetName="img" 
                                          Value="{Binding PressedImage,RelativeSource={RelativeSource TemplatedParent}, FallbackValue=img/1_push.png, TargetNullValue=img/1_push.png}"&gt;
                                  &lt;/Setter&gt;
                              &lt;/Trigger&gt;
                          &lt;/ControlTemplate.Triggers&gt;
                      &lt;/ControlTemplate&gt;
                  &lt;/Setter.Value&gt;
              &lt;/Setter&gt;
          &lt;/Style&gt;
  </code></pre>
  
  <p>and my button code is as follows:</p>
  
  <pre><code>        &lt;local:Button xmlns:local="clr-namespace:Terminal"  x:Name="btnLine" Grid.Column="1" Content="LINE"
                     DefaultImage="img/line.png" PressedImage="img/line_pushed.png" Click="btnLine_Click"&gt;
          &lt;/local:Button&gt;
  </code></pre>
  
  <p>The problem is button content is not showing up over the image. I also tried to put <code>TextBlock</code> inside of <code>local:Button</code> but still no luck. How to show the content of a button?</p>