VML 모양을 세로로 반복합니다.

Question

VML을 사용하여 td의 배경 이미지를 표시 할 수 있었지만 세로로 반복하고 싶습니다. 내가 찾은 어떤 예배도 하나의 이미지만을위한 것입니다. 아무도 이것을 달성 할 수있는 쇼를 생각할 수 있습니까? 아래 예제에서 예제 페이지를 넣었습니다.

http://jsfiddle.net/TSeBy/

Answer 1

나는 자바 스크립트를 사용하는 것보다 다른 솔루션을 생각할 수 없다. 벡터 라이브러리 (예 : Raphaël http://raphaeljs.com)를 사용하는 것이 더 쉬울 것이지만 페이지가 더 무거울 것입니다.

컨테이너의 현재 크기를 가져 와서 y 오프셋을 수동으로 계산해야합니다.

IE에서 VML 요소를 복제하는 것은 매우 어렵 기 때문에 동일한 속성 (Raphael에는 clone() 메서드가 있지만 실제로 동일한 새로운 요소가 만들어 짐)이있는 여러 요소를 만들어야합니다.

Answer 2

이미지 파일의 너비는 TD의 너비이지만 높이가 아니라는 것을 확인하십시오. 그런 다음 v : fill type = "tile"설정을 사용하십시오. 자동으로 수직으로 반복됩니다. 이미지의 너비를 td의 너비로 설정하면 이미지가 번 화면에 한 번만 표시되고 화면에는이 표시됩니다. 각 반복마다.