title: Internet Explorer 9 doesn't support css3 style
body: <p>I have below script, it's doing fine in firefox and chrome. ie9 doesn't show the change of colors.</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  body {
  background-color: #FF77BB;
  }
  @media screen and (max-width: 960px) {
  body {
  background-color: #8A2BE2;
  }
  }
  @media screen and (max-width: 768px) {
  body {
  background-color: #FF8C00;
  }
  }
  @media screen and (max-width: 550px) {
  body {
  background-color: #7FFF00;
  }
  }
  @media screen and (max-width: 320px) {
  body {
  background-color: #CC0011;
  }
  }
  }
  &lt;/style&gt;
  </code></pre>