CSS - фоновый градиент не покрывает всю страницу по мере ее роста

Question

У меня есть страница с аккордеоном, и фон не заполняет всю страницу при открытии аккордеона.

Ниже я попытался до сих пор.

.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: Scaling градиент Previous question 2: Масштабирование фона

Надеется, что это помогает.