2011-08-29 57 views
13

要在Internet Explorer中的线性渐变我曾经采取这种(可怕的)代码:为Internet Explorer创建一个径向渐变6/7/8

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

不知阉存在一种方法来创建使用过滤器和DXImageTransoform的径向渐变?

回答

33

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

径向渐变

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

+2

辉煌!!它甚至可以在它下面的背景图像下工作! http://jsfiddle.net/edr4M/我不确定背景:透明;但多数民众赞成什么1px transparent.gif不能修复..! –

+1

我冒着危险将我的账户安全签名登录到我的SO上一个不知名的网络上。谢谢(3周年) – th3byrdm4n

+0

@ th3byrdm4n哈哈谢谢,很高兴这个答案仍然有用 – Loktar