web-dev-qa-db-ja.com

Google Chrome background-gradient

ここで本当にアマチュアの質問-ボディの背景-グラデーションがクロムで機能していない、非常に奇妙な、私は試しました：

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#000));

そして

background: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#fff), to(#000));

そして

background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#000));

無駄に！他のすべてのブラウザで動作します...

cssgoogle-chromelinear-gradients
12
rickyduck

やってみました：

background: -webkit-linear-gradient(#917c4d, #ffffff);

WebKitは仕様の構文に一致するように更新されたので、次のようにする必要があります ブラウザーを最大限にサポートするにはこれが必要です ：

background: -webkit-gradient(linear, center top, center bottom, from(#917c4d), to(#ffffff));
background: -webkit-linear-gradient(#917c4d, #ffffff);
background: -moz-linear-gradient(#917c4d, #ffffff);
background: -o-linear-gradient(#917c4d, #ffffff);
background: -ms-linear-gradient(#917c4d, #ffffff);
background: linear-gradient(#917c4d, #ffffff);
20
robertc

CSS3線形グラデーションタグがすべての主要なブラウザでサポートされるようになりました。

構文には、追加のtoが必要です。したがって、例えばの代わりにcenter top、left topなどを使用します。 to top お気に入り

background-image: linear-gradient(to top , #094F86, #4EABDB);
2
dav

これを試しましたか：

<style>
.myawesomegradient{
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#000000));
}
</style>

Safariで動作するはずであり、Chrome.。

1
David K.