2012-05-16 6 views
2

내 웹 페이지에 배경 그라데이션 shown here을 다시 만들고 싶습니다. 단순한 선형 그라디언트와는 달리 가변 길이를 채울 수있는 이미지로 반복해서 잘 작동하지 않습니다. 누구든지 원하는 효과를 얻을 수있는 방법을 추천 할 수 있습니까?타원형 그라디언트

답변

3

나는 아이디어를 누락 될 수 있습니다하지만 당신은 여기에서 시작 할 수있는 무언가가있다 : http://jsfiddle.net/yvsV7/

+0

거의 ... 내가 크롬에 그것을 밖으로 시도는 그리고 위에서 아래로 두 개의 어두운 밴드로 렌더링합니다. 절대 위치에서 상대적 위치로 변경하면 문제가 해결되지만 내용이 커질수록 그라디언트가 페이지 위로 이동합니다. – Jason

+0

또한 페이지 하단에있을 때만 존재해야하는 각 구석에 2 개의 미묘한 그라데이션이 있습니다. – Jason

+0

Re 첫 번째 댓글 : 이상한, 나는 크롬을 사용하여 예제를 작성했습니다. 어떤 버전을 사용하고 있습니까? 그리고 나는 스크롤에 대한 요점을 꽤 얻지 못했습니다. 스크롤과 무관하게 백그라운드를 고정시키고 싶습니까? –