title: How to make Linear Gradient work in HTA in IE10 and IE11 without using <meta http-equiv="x-ua-compatible" content="IE=edge"/>
body: <p>I have a CSS3 linear gradient in my HTA that won't display in IE10 or IE 11 unless I have the '<strong>meta http-equiv="x-ua-compatible" content="IE=edge"</strong>' tag in my HTA. If I don't have this it just displays a white background. This is the CSS....</p>
  
  <pre><code>html {
         height: 100%;
  }
  
  body {
         background-image:
              linear-gradient(to bottom, #800000 0%, #DB7093 100%); 
         filter:
              progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#800000', EndColorStr='#DB7093');
  
         height: 100%;
         margin: 0;   
         background-repeat: no-repeat;
         background-attachment: fixed;
         font: 14 pt arial;
         color: white;
  }
  </code></pre>
  
  <p>As long as I have the META tag it works fine, but my question is why doesn't it work without this tag?? Surely I don't have to be in Compatibility mode if I am using the latest version of IE with the latest syntax?</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
       &lt;meta http-equiv="x-ua-compatible" content="IE=edge" /&gt;
       &lt;HTA:application id="main" applicationName="Test HTA" /&gt;
  
       &lt;link rel="stylesheet" type="text/css" href="test.css" /&gt;
  </code></pre>