CSS3Pie v1.0 - IE9中没有渐变，适用于IE8

Question

我正在尝试使用线性渐变来处理CSS3Pie（v1.0）和IE9。

奇怪的是，这个演示适用于CSS3Pie site和IE9，但使用演示中使用的相同CSS并不适用于我的网站。它适用于IE8，所以我知道PIE正在工作并且位于正确的位置（如果我注释behavior: url(/css/PIE.htc);，它将停止工作。）

这是我正在使用的CSS：

.test {
padding: 20px;
text-align: center;
width: 200px;
height:100px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #FF7777;
position:relative;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF7777), to(#c40808));
background: -webkit-linear-gradient(#FF7777, #c40808);
background: -moz-linear-gradient(#FF7777, #c40808);
background: -ms-linear-gradient(#FF7777, #c40808);
background: -o-linear-gradient(#FF7777, #c40808);
background: linear-gradient(#FF7777, #c40808);
-pie-background: linear-gradient(#FF7777, #c40808);
behavior: url(/css/PIE.htc);
}

我不想使用IE过滤器，因为演示似乎没有它们。

我已经阅读了this question，但是由于该演示有效，而且这个问题大约有一年了，而且PIE现在是1.0版本，我必须做错了。

关于从哪里去的任何想法？

Answer 1

IE9中的失败通常是由于内容类型标头不正确造成的。其他IE版本也有这个问题，但IE9似乎更严格。有关详细信息，请参阅http://css3pie.com/documentation/known-issues/#content-type。

Answer 2

我很头疼，因为即使使用正确的内容类型标题（text / x-component），线性渐变也无法在IE9上运行。

升级到PIE 2.0解决了这个问题。

http://css3pie.com/2013/01/28/pie-2-0-beta-1-released

（我在这个问题中提到了同样的问题：linear-gradient using CSS3 PIE in IE9 not working, IE8 does）