title: DataGrid -- AlternatingRowBackground color interfering with "IsMouseOver" color
body: <p>I have a <code>DataGrid</code> that uses <code>AlternatingRowBackground</code> to make itself easier to read. In that same grid I also have a background color change for rows based on a <code>"IsMouseOver"</code> <code>Setter Property</code> in my <code>App.xaml</code> file. The problem that I am having is that the rows that have the alternating color (they are not white), do not change to the <code>"IsMouseOver"</code> color when the mouse hovers over it. Basically the <code>AlternatingRowBackground</code> color is taking precedence over my <code>RowStyle</code>. How do I make it so that the colored rows change as well when the mouse hovers over them?</p>
  
  <p>App.xaml:</p>
  
  <pre><code>&lt;!-- DataGrid Row Style --&gt;
      &lt;Style x:Key="RowStyleWithAlternation" TargetType="DataGridRow"&gt;
          &lt;Setter Property="SnapsToDevicePixels" Value="True" /&gt;
          &lt;Setter Property="Background" Value="GhostWhite"/&gt;
          &lt;Setter Property="FontWeight" Value="Normal"/&gt;
          &lt;Setter Property="ContextMenu" Value="{x:Null}"/&gt;
          &lt;Style.Triggers&gt;
              &lt;Trigger Property="AlternationIndex" Value="1"&gt;
                  &lt;Setter Property="Background" Value="#FFD0D0E0"/&gt;
              &lt;/Trigger&gt;
              &lt;Trigger Property="IsMouseOver" Value="True"&gt;
                  &lt;Setter Property="Background" Value="Purple"/&gt;
              &lt;/Trigger&gt;
              &lt;Trigger Property="IsSelected" Value="True"&gt;
                  &lt;Setter Property="Background" Value="#F9F99F" /&gt;
              &lt;/Trigger&gt;
          &lt;/Style.Triggers&gt;
      &lt;/Style&gt;
  </code></pre>
  
  <p>User Control xaml:</p>
  
  <pre><code>&lt;DataGrid ... AlternatingRowBackground="Gray" RowStyle="{StaticResource RowStyleWithAlternation}" ... /&gt;
  </code></pre>