SafariとChromeで線形グラデーションを表示するのに問題があります。 Firefoxでは問題なく表示されます。
やっています:
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;
ご協力ありがとうございます。
これを試してください- http://jsfiddle.net/fwkgM/1/
background-color: #9e9e9e;
background-image: linear-gradient(to bottom, #9e9e9e, #454545);
これを試すこともできます:
http://www.colorzilla.com/gradient-editor/
これは非常に優れたCSS3グラデーションジェネレーターです。私にとってはうまくいきました。それがあなたにも役立つことを願っています! :D
クロスブラウザの互換性については、次を試してください
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 */
background: -webkit-linear-gradient(left,transparent,black 50%,transparent); /* worked for me*/