CSS3渐变背景

Question

将渐变背景应用于身体，从浅灰色到白色，从底部到顶部是否正确？

body {
    background: -webkit-gradient(linear, bottom, top, from(#e7e7e7, to(#ffffff));
}

Answer 1

DEMO支持所有功能强大的浏览器

body {
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999999));
  background-image: -webkit-linear-gradient(top, #ffffff, #999999);
  background-image:    -moz-linear-gradient(top, #ffffff, #999999);
  background-image:      -o-linear-gradient(top, #ffffff, #999999);
  background-image:         linear-gradient(to bottom, #ffffff, #999999);
}

CSS3 Please可能有用

Answer 2

对于Zoltan的解决方案，您还可以添加：

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#999999');

支持旧的IE浏览器。