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

Question

为了在 Internet Explorer 中创建线性渐变，我曾经采用这个(糟糕的)代码:

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

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

Answer 1

Live Demo

#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);
}

Link where I got the info

径向渐变

For the Radial Gradient we have to create a div-elements. This element is a Overlay for the background. Than we'll use the Alpha-Filter. Alpha will make this element transparent in a special style. style=2 is a radial alpha. This means that the center of the element will be full colored (opacity=100) and the opacity will lose to the edges (finishopacity=0)