그라데이션 배경 CSS 전체 높이

나는 그라데이션과 같이 사용하는 웹 사이트가 있습니다그라데이션 배경 CSS 전체 높이

#grad { 
    background: -webkit-linear-gradient(#87a0b4 80%, #6b88a1); 
    background: -o-linear-gradient(#87a0b4 80%, #6b88a1); 
    background: -moz-linear-gradient(#87a0b4 80%, #6b88a1); 
    background: linear-gradient(#87a0b4 80%, #6b88a1); 
} 

<body id="grad">

난 데 문제는 페이지가 (내 표준 윈도우보다 키가 스트레칭 일이 생기면 내가 '이다를 그라디언트가 재설정되면 다른 화면에서이 값이 달라질 수 있습니다.

문제

여기에서 볼 수있다 :

http://overactiverexburg.com/Sage/bios.php

는 어떻게 해결할 수이 너무 기울기는 항상 페이지가 끝나는 시간에 관계없이 바닥에 끝?

출처

2014-07-18 user906357

사이트로 연결되는 링크 대신 오류를 재연 할 수있는 충분한 코드를 포함하십시오. – TylerH

내가 포함 된 코드는 그라디언트에 사용 된 모든 것입니다 – user906357

그 코드 스 니펫만으로는 오류를 재현 할 수 없으므로 더 많은 코드를 제공해야합니다. – TylerH

지금과 같은 컨테이너 클래스 교체 :이

.container { 
    width: 980px; 
    height: 100%; 
}

에 대한

 .container { 
     width: 980px; 
     height: 1000px; 
     }

을 0

높이를 변경하여 100 %를 채우십시오.

출처

2014-07-18 21:19:25

감사합니다. 완벽하게 작동합니다! – user906357

은 간단하게 사용

background-attachement: fixed;

출처

2014-07-18 20:50:19 Nit

시도 background-attachment: fixed 및 height: 100%를 추가하여 #grad

출처

2014-07-18 20:51:05 MannfromReno

응답 해 주셔서 감사합니다. 두 줄을 모두 추가했으며 그 결과는 동일합니다. – user906357

더 큰 코드 샘플을 제공하고 JSFiddle을 사용해보고 시도해보십시오. 실제 사이트에서 Firebug로 편집 할 때 CSS 수정 프로그램을 두 번 적용하면 문제를 재현 할 수 없습니다. – MannfromReno

죄송합니다. 그 문제를 해결하고 답변을 얻었습니다. – user906357

그라데이션 배경 CSS 전체 높이

답변

관련 문제