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

Question

我正在使用以下 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')";
}

Answer 1

正确的语法如下(示例)，注意颜色的 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 .