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

Question

我有以下代码:

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 */
}

而在IE9中的结果是渲染了渐变而图像不显示。我读过 this question 并一直读到最后一个字母。这个人能够解决他的问题，但我不知道我错过了什么。我所知道的是，如果我禁用渐变，它就会显示出来(在开发模式下)该文档使用 html5 文档类型(如果这有帮助的话)。

Answer 1

你应该像这样在 startColorStr 中放置 2 个额外的数字:

startColorstr="#80848c88"

它将完美地工作。