除非禁用渐变，否则背景不会在IE9中显示

Question

I have the following code:

body{
  font-family : Arial, helvetica, verdana;
  background: url('../images/waves.png');
  background-position: 50% 0%;  
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80848c', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

and the result in IE9 is that the gradient is rendered and the image doesn't show. I have read this question and followed it to the last letter. This person was able to solve his problem but I am lost as to what I am missing. What I do know that if I disable the gradient is that it'll show up (in Dev mode) The document uses a html5 doctype (if this helps).

Answer 1

You should put 2 extra digids at startColorStr like this:

startColorstr="#80848c88"

it will work perfectrly.