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。

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

1 个答案: