html - ie中的径向渐变css问题

Question

我已将以下 css 用于径向渐变。

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 和 google chrome 中运行良好。我在 IE 中也需要同样的东西。我从 google 提取了以下 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/

Answer 1

您可以Gradient CSS根据您的要求获得，也可以Gradient CSS根据您的颜色要求进行制作。

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

Answer 2

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 */

一些阅读：

• http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/
• http://kilianvalkhof.com/2010/css-xhtml/how-to-use-rgba-in-ie/

Answer 3

这应该可以帮助你 http://davidwalsh.name/css-gradients http://www.webdesignerwall.com/demo/gradient-box.html http://coding.smashingmagazine.com/2010/04/28/css3-互联网浏览器的解决方案/