无法设置用背景填充所有屏幕

Question

在低高度页面上我遇到了这个问题：

Here是页面。

我尝试将身高属性设置为body而没有运气：

body {
    linear-gradient(#E2E2E2, #C8C8C8) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%
}

Answer 1

添加到您的CSS

html { 
  height: 100%; 
  min-height: 100%; 
}

这应该将正文背景设置为整页高度。

Answer 2

你能试试吗，

html, body {
   linear-gradient(#E2E2E2, #C8C8C8) repeat scroll 0 0 rgba(0, 0, 0, 0);
   height: 100%;
   min-height: 100%;
   padding:0;
   margin:0;
}

Answer 3

你可以这样做：html {background:#c8c8c8;} 或

html {
height:100%;
}
body {
min-height:100%;
margin:0;
background:linear-gradient(to bottom,#e2e2e2,#c8c8c8); 
}

Answer 4

尝试将其应用于html选择器：

html {
     linear-gradient(#E2E2E2, #C8C8C8) repeat scroll 0 0 rgba(0, 0, 0, 0);
}