0

html

<div></div>

css

div{
    width: 500px; 
    height: 500px; 
    background: linear-gradient(to top, #00f, #fff);
}

有谁知道如何使 ie 用于渐变效果？

我也申请filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f', endColorstr='#fff'); 了，但它在 ie 中的工作方式不同。您可以在测试页面中看到这一点，复制并粘贴，然后查看它们之间的不同。IE 的颜色很深。

4

2 回答 2

2

这是跨浏览器解决方案应该具备的：

background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,0,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(0,0,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,0,255,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,0,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,0,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,0,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0000ff',GradientType=0 );

这是一个工作示例。我还建议为此使用一些梯度生成器。让你的生活轻松很多。例如尝试 c olorzilla

于 2013-04-24T04:21:27.690 回答
1

试试这个

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#0000ff', GradientType='0');
于 2013-04-24T04:19:40.477 回答