css 또는 Javascript 반복 이미지를 자르지 않고

Question

CSS에서 자르지 않고 div 태그 (또는 다른 태그)의 배경에 이미지를 반복 (repeat-y) 할 수 있습니까? 이미지가 태그에 완전히 들어 가지 않으면 태그의 높이가 증가합니다.

Answer 1

정확하게는 아닙니다.
해당 요소의 배경 이미지 높이와 동일하게 min-height을 지정할 수 있지만 이미지가 처음 반복 될 때 해당 반복이 100 % 표시 될 수 있다고 보장 할 수는 없습니다.

모든 반복을 100 %로 표시하려면 일부 자바 스크립트를 사용해야합니다. 당신이 jQuery를 함께 OK 경우 :

편집 (문제가 업데이트 된 이후)

http://jsfiddle.net/ytXd6/

은 기본적으로 당신은 min-height을 설정하고 여러 개의 반복을 위해 당신은 이미지의 높이에 의해 높이를 분할하고 그래서 나머지를 추가 div의 높이가 항상 이미지의 높이의 배수가 될 것입니다.