배경 50 % + 그라디언트

Question

내 웹 페이지에 그라데이션 배경을 추가하고 싶습니다 (노란색 테두리로 표시된 영역은 실제 내용이 표시되는 곳입니다). 그리고 페이지의 1/2 만 가져 가고 싶습니다. 부분) : alt text http://img14.imageshack.us/img14/8453/50gradientbackground.png 나는 이것이 CSS에서 가능하다고 믿지만, 지금까지 나는 페이지의 전체 높이를 감안할 때 그라데이션 배경을 얻을 수 있었다.

미리 감사드립니다.

Answer 1

이

내가 결국 일을 관리 한 솔루션입니다.

Answer 2

이 같은 뭔가를 할 수 있습니다 : 여기

#background { 
background: url('GRADIENT-IMAGE-URL') 50% center THE-KIND-OF-REPEAT; 
height: THE-HEIGHT; 
width: THE-WIDTH; 
} 

50 %는 배경 이미지가 최고에서 50 %를 배치된다는 것을 의미합니다. 기본 CSS 그라데이션 배경 아직 모든 브라우저에서 지원되지 않습니다

background: url('IMAGE-URL') bottom repeat-x;