회색 부분이 아래쪽에 표시됩니다.

Question

소셜 네트워크를 만들고 있는데 linear-gradient(#dadae3, white)을 사용하고 있습니다. 이 작업은 하단에서 색상이 #dadae3 인 섹션이 하단에 표시됩니다. 이 섹션에 대한 요소가 없습니다.

스크린 샷 :

나는 해결책을 찾고이 회색 부분을 제거합니다. 감사!

Answer 1

귀하의 배경 그라데이션 그냥 때문에 body 요소도 사용자가 설정 한 확인, (난 당신이 body 요소에 그라데이션을 사용한다고 가정)의 height의 부족이 반복되어

당신의 background-repeat-no-repeat

Demo

html, body { 
    height: 100%; /* Setting both the elements height to 100% */ 
} 

body { 
    background-repeat: no-repeat; 
    /* mmmm not required as we have set to fixed but than too no harm using it */ 
    background-attachment: fixed; /* Fixes background for you */ 
    background: linear-gradient(#dadae3, white); 
} 

Answer 2

IT는 body 또는 페이지의 html 요소에 대한 background-color 수 있습니다!

그리고 그라디언트가 단지 페이지의 div을 덮고 있습니다! body 또는 html (또는이 요소의 부모)에 대한 CSS를 확인하십시오.

footer CSS 속성도 확인할 수 있습니다.

는 확인이 시도 :

그라디언트가 전체 요소를 포함하지 않으며, 페이지의 배경 #의 dadae3 때문에 가장 가능성이 높습니다

html, body, footer { 
    background-color: transparent; // remove the background.. 
}