ChromeとSafariブラウザのリニアグラデーション

SafariとChromeで線形グラデーションが表示されない。 Firefoxではうまく表示されます。ChromeとSafariブラウザのリニアグラデーション

私がしようとしています：

background: -webkit-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent; 
background: -moz-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent; 
background:  -ms-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent; 
background:  -o-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent;

おかげで、あなたは、あなたの助けのために。

出典

2012-07-27 codelove

これを試してみてください - http://jsfiddle.net/fwkgM/1/

background-color: #9e9e9e; 
    background-image: linear-gradient(to bottom, #9e9e9e, #454545);

CSS3 Please

出典

2012-07-27 18:30:23

を試してみてください。 :) –

'-image'を削除しても動作しますが、なぜそれを追加しましたか？ –

私は彼が背景色から背景イメージを分離しているので、彼はそれをしたと思います。 'background-image'がアクセスできないURLを参照する場合、バックグラウンドはデフォルトとして' background-color'にフォールバックします。この場合、 'background-image'を単に' background'に変更することがまだまだ成り立っていることが分かりました。これは、猫をスキンする方法が複数あるという証拠です。 – JMD

あなたはまた、これを試すことができます。

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

は、それはかなり良いCSS3グラデーションジェネレータです。それは私のためにうまくいった。それがあなたにも役立つことを願っています！：クロスブラウザの互換性のためにD

出典

2012-07-28 06:20:58 Rega

グラデーションエディタは素晴らしいです。私は、標準のCSSカラー名を使って色を指定する方法を見落としていますか？例えば。ライト・ラトレー、他。私は簡単に結果のグラデーションCSSで検索と置換を行い、必要な名前でrgba（xyza）を切り替えることができますが、生成されたIE9 SVGデータはあらかじめ生成されています。 – JMD

background: -webkit-linear-gradient(left,transparent,black 50%,transparent); /* worked for me*/

出典

2014-07-12 18:30:27

これはChromeで動作することを検証し、次の

background-color: #9e9e9e; /* fallback color if gradients are not supported */ 
background-image: -webkit-linear-gradient(bottom, rgb(213,12,18), #9e9e9e 40%); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ 
background-image: -moz-linear-gradient(to bottom, #9e9e9e 60%, #454545 100%); /* For Firefox (3.6 to 15) */ 
background-image:  -o-linear-gradient(to bottom, #9e9e9e 60%, #454545 100%); /* For old Opera (11.1 to 12.0) */ 
background-image:   linear-gradient(to bottom, #9e9e9e 60%, #454545 100%); /* Standard syntax; must be last */

出典

2016-01-13 06:46:51 kay

ChromeとSafariブラウザのリニアグラデーション

答えて

関連する問題