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

13
为了在Internet Explorer中创建线性渐变,我使用以下(可怕的)代码:filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#282828', EndColorStr='#185976'); 我想知道是否存在一种方法可以使用filter和DXImageTransform来创建径向渐变?
1个回答

33

实时演示

#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滤镜。 Alpha将以一种特殊的样式使该元素变为透明。style=2表示径向alpha。这意味着元素的中心将是完全着色的(不透明度为100),而不透明度将在边缘减少(finishopacity=0)。


2
太棒了!它甚至可以在background-image下正常工作!http://jsfiddle.net/edr4M/ 我不确定背景:透明;但这不是1px transparent.gif无法解决的问题..! - Asaf Katz
1
我冒着账户安全的风险,在一个未知的网络上登录我的SO账号,给你点了个赞。感谢(三周年纪念日)。 - th3byrdm4n
这是一篇旧帖,我知道。但是,我无法让jsfiddle在ie8中工作! - Wildcard27

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接