CSS - 背景渐变不覆盖整个页面，因为它增长

Question

我有一个带有 Accordion 的页面，当 Accordion 打开时背景没有填满整个页面。

以下是我到目前为止尝试过的方法。

.models-background {
  /* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(top, #666666 0%, #E6E6E6 100%);

  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #666666 0%, #E6E6E6 100%);

  /* Opera */ 
  background-image: -o-linear-gradient(top, #666666 0%, #E6E6E6 100%);

  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, #E6E6E6));

  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #666666 0%, #E6E6E6 100%);

  /* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to bottom, #666666 0%, #E6E6E6 100%);

  background-size: 100% 100%;

  background-repeat: no-repeat;

  background-size: cover;
}

Answer 1

add at the beginning of the CSS code:

{

min-height: 100% ;
min-width: 100% ;

<!-- add your stuff :) -->
}

如果你想引用其他帖子:

previous question 1 :缩放梯度 Previous question 2 : 缩放背景

希望对您有所帮助。