Повторяя форму VML по вертикали

Question

Мне удалось использовать VML для отображения фонового изображения для тд, но я хочу, чтобы оно повторялось по вертикали. Любые примеры, которые я нахожу, предназначены только для одного изображения. Кто-нибудь может подумать о шоу, я мог бы добиться этого? Я поместил свой пример страницы в скрипку ниже.

http://jsfiddle.net/TSeBy/

Answer 1

Попробуйте сделать файл изображения шириной td, но не таким высоким, как TD. Затем используйте настройку v: fill type = "tile". Это будет повторяться по вертикали автоматически. Установка ширины изображения в ширину td заставляет изображение отображаться только один раз на экране. за каждый повтор.

Answer 2

Я не могу придумать никакого другого решения, кроме использования javascript. Будет проще использовать векторную библиотеку (например, Raphaël http://raphaeljs.com), но страница будет тяжелее.

Вам нужно будет взять текущий размер контейнера и вручную вычислить y смещений.

Очень трудно клонировать элемент VML в IE, поэтому вам придется создать несколько элементов с одинаковыми свойствами (у Рафаэля есть методы clone (), но он фактически создает новый идентичный элемент).