2012-08-22 74 views
0

我已经使用了以下css径向渐变。径向渐变css问题,即ie

background-image: -moz-radial-gradient(50% 0 , rgba(0, 0, 0, 0.35), rgba(255, 255, 255, 0)), -moz-radial-gradient(50% 100% , rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0)); 
    background-image: -ms-linear-radial-gradient(50% 0 , rgba(0, 0, 0, 0.60), rgba(255, 255, 255, 0)), -ms-linear-radial-gradient(50% 100% , rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0)); 
    background-image: -o-linear-radial-gradient(50% 0 , rgba(0, 0, 0, 0.60), rgba(255, 255, 255, 0)), -o-linear-radial-gradient(50% 100% , rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0)); 
    background-image: -webkit-radial-gradient(50% 0 , rgba(0, 0, 0, 0.60), rgba(255, 255, 255, 0)), -webkit-radial-gradient(50% 100% , rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0)); 

它在Firefox和谷歌浏览器中工作正常。我需要在IE中相同。我已经提取从谷歌下面的CSS在IE

background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0); /* IE6-9 */ 

工作,但我不知道如何改变百分比和颜色搭配上面的CSS。任何帮助?

http://jsfiddle.net/tKjap/

回答

0

是否支持IE rgba颜色?如果是这样,那么只需将复制代码中的hex颜色替换为rgba颜色即可。

例)

background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.35)', endColorstr='rgba(255, 255, 255, 0)',GradientType=0); /* IE6-9 */ 

一些阅读:

+0

海查理。我已经添加我的CSS代码,我小提琴。请看我的问题。我尝试了一下,我无法实现它。请帮忙。 – designersvsoft

+0

我不能试用这个,因为我没有IE,但我发布的代码应该可以工作。 – Charlie

0

你可以得到Gradient CSS按照您的要求,并根据,也使Gradient CSS你的颜色要求ENT。

http://www.colorzilla.com/gradient-editor/

+0

即使我使用相同的...;) – Champ

+0

@Champ雅我们使用这个CSS渐变:-) –