css - ページ全体をカバーする CSS 背景グラデーション

Question

背景のグラデーションがページ全体をカバーするようにしようとしています (少なくとも現時点では Firefox で):

body{
background: -moz-radial-gradient(60% 40%, closest-corner, purple, #2F2727);
background-size: cover;
-moz-background-size: cover;
}

これを試しましたが、うまくいきません。私のグラデーションは繰り返されます。

Answer 1

jQuery を使用している場合、論理的には次のように動作します。

$("body").css( 'background', '-moz-radial-gradient(' + window.innerWidth + 'px ' + window.innerHeight + 'px, closest-corner, purple, #2F2727)' );

ただし、背景を完全に#2F2727色付けするため、最善の策ではないかもしれませんが、ウィンドウの高さと幅を見つけて、それに応じてグラデーションを設定します。