title: trying to make alpha channel on imported images in WPF transparent
body: <p>I have several PNG images in my WPF app to make buttons. Each of these images has an alpha channel layer with #FF040606 as a color (I didn't design the images so if I'm saying this wrong I'm sorry ahead of time).</p>
  
  <p>I'm trying to make the alpha layer appear transparent like it was designed to do in photoshop.</p>
  
  <p>here is the code I use to set each image as an static image resource:</p>
  
  <pre><code>&lt;BitmapImage x:Key="backplate" UriSource="pack://application:,,,/ToolBox;component/Images/backplate.png"/&gt;
  </code></pre>
  
  <p>here is the code I use to generate my buttons. How would I make the alpha layer on the PNG image transparent? Every other article I've looked through either does not apply to my situation or is in a different language.</p>
  
  <pre><code>&lt;Button Name="BigScreenButton"       
          Background="Transparent"
          Cursor="Hand"
          Visibility="Visible" Margin="17.022,20.001,0,0" ToolTip="Launches a windows designed to be blown up and get attention"&gt;
              &lt;Button.Template&gt;
                  &lt;ControlTemplate TargetType="Button"&gt;
                      &lt;StackPanel&gt;
                          &lt;Image Name="bigscreenstatic"
                                  Source="{StaticResource bigscreenstatic}"
                                  Stretch="Fill"
                                  Visibility="Visible" /&gt;
                          &lt;Image Name="bigscreenhovor"
                                  Source="{StaticResource bigscreenhovor}"
                                  Stretch="Fill"
                                  Visibility="Collapsed" /&gt;
                          &lt;Image Name="bigscreendisabled"
                                  Source="{StaticResource bigscreendisabled}"
                                  Stretch="Fill"
                                  Visibility="Collapsed" /&gt;
                      &lt;/StackPanel&gt;
                      &lt;ControlTemplate.Triggers&gt;
                          &lt;Trigger   Property="IsEnabled"
                                          Value="false"&gt;
                              &lt;Setter TargetName="bigscreendisabled"
                                      Property="Visibility"
                                      Value="Visible" /&gt;
                              &lt;Setter TargetName="bigscreenstatic"
                                      Property="Visibility"
                                      Value="Collapsed" /&gt;
                          &lt;/Trigger&gt;
  
                          &lt;Trigger   Property="IsMouseOver"
                                          Value="true"&gt;
                              &lt;Setter TargetName="bigscreenhovor"
                                      Property="Visibility"
                                      Value="Visible" /&gt;
                              &lt;Setter TargetName="bigscreenstatic"
                                      Property="Visibility"
                                      Value="Collapsed" /&gt;
                          &lt;/Trigger&gt;
  
                          &lt;Trigger Property="IsPressed"
                                   Value="true"&gt;
                              &lt;Setter TargetName="bigscreendisabled"
                                      Property="Visibility"
                                      Value="Visible" /&gt;
                              &lt;Setter TargetName="bigscreenhovor"
                                      Property="Visibility"
                                      Value="Collapsed" /&gt;
                          &lt;/Trigger&gt;
                      &lt;/ControlTemplate.Triggers&gt;
                  &lt;/ControlTemplate&gt;
              &lt;/Button.Template&gt;
          &lt;/Button&gt;
  </code></pre>