为Internet Explorer 6/7/8创建径向渐变

Question

要在Internet Explorer中创建线性渐变,我习惯采用这个(可怕的)代码:

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#282828', EndColorStr='#185976');

我想知道是否存在使用滤镜和DXImageTransoform创建径向渐变的方法？

Answer 1

现场演示

#element{
    background: #fff; /* The color you want for the radial gradient */
    width:100px; 
    height:100px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100, finishopacity=0, style=2);
}

链接我获得的信息

径向渐变

对于径向渐变,我们必须创建一个div元素.此元素是背景的叠加层.我们将使用Alpha-Filter.Alpha将以特殊的风格使这个元素透明化.style = 2是径向alpha.这意味着元素的中心将是全彩色(不透明度= 100),不透明度将失去边缘(finishopacity = 0)