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

时间:2012-11-23 11:28:53

标签: html html5 internet-explorer-9 css

我有以下代码:

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文档类型(如果这有帮助)。

1 个答案:

答案 0 :(得分:1)

你应该在startColorStr上加2个额外的数字,如下所示:

startColorstr="#80848c88"

它会完美运作。