css - 如何使用适用于IE7的渐变CSS属性？

我正在使用以下CSS创建线性背景渐变。在IE8，FF，Safari和chrome中，它似乎工作正常，但在IE7中却不能。 IE7显示白色背景。这是我的代码

body{
    background: -webkit-linear-gradient(left, #6D1C18 , #AF251B,#6D1C18); /* For Safari   5.1 to 6.0 */
    background: -o-linear-gradient(right, #6D1C18, #AF251B,#6D1C18); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #6D1C18, #AF251B, #6D1C18); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #6D1C18 , #AF251B, #6D1C18); /* Standard syntax (must be last) */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6D1C18', EndColorStr='#AF251B')";
}

最佳答案

下面是正确的语法（示例），请注意color的8值，而不是6：

<div style="width:100%;height:100%;
filter: progid:DXImageTransform.Microsoft.gradient
(startColorstr=#550000FF, endColorstr=#55FFFF00)" >
<!-- All of your document elements go in here. -->
</div>

受Microsoft Internet Explorer 4.0及更高版本支持。请参阅MSDN源here。