0

放射状グラデーションには次の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とGoogleChromeで正常に動作しています。IEでも同じことが必要です。私はIEで動作するようにグーグルから次のCSSを抽出しました

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/

4

3 に答える 3

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

いくつかの読書：

于 2012-08-22T05:13:50.093 に答える
0

あなたの条件によって得ることができ、色の条件に従ってGradient CSSまた作ることができます。Gradient CSS

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

于 2012-08-22T05:29:45.843 に答える
0

http://davidwalsh.name/css-gradients http://www.webdesignerwall.com/demo/gradient-box.html http://coding.smashingmagazine.com/2010/04/28/css3- _ インターネットエクスプローラーのソリューション/

于 2012-08-22T05:31:32.033 に答える