html - Chromeでグラデーションの背景をレンダリングする際の問題はありますか？

Question

body
{
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #787878 100%);
}

もちろん、真のグラデーションが必要な場合は、このような効果が得られます。何か案は？

Answer 1

これを適切に機能させるには、次のものが必要です。

body, html {
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #787878 100%);
  margin:0;
  height:100%; 
}

Answer 2

これを試してください：http：//jsfiddle.net/3rb2L/2/

body
{
   background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
   background-repeat: no-repeat;
   height:200px;
}

height:200px単なる例であり、明確な表示目的です。

次のように使用できます：http：//jsfiddle.net/3rb2L/4/

html{
  min-height:100%;
}
body
{
   background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
   background-repeat: no-repeat;
}