垂直重复VML形状

Question

我已经设法使用VML来显示td的背景图像，但我想让它垂直重复。我找到的任何示例都只针对一个图像。有谁能想到我能做到这一点吗？我已经将我的示例页面放在了下面的小提琴中。

http://jsfiddle.net/TSeBy/

Answer 1

除了使用javascript之外，我想不出其他的解决方案。使用向量库(例如Raphaël http://raphaeljs.com)会更容易，但页面会更重。

您必须获取容器的当前大小并手动计算y偏移量。

在IE上克隆一个VML元素是非常困难的，所以你必须创建几个具有相同属性的元素(拉斐尔有一个clone()方法，但它实际上创建了一个新的相同的元素)。

Answer 2

尝试将图像文件设置为td的宽度，但不要像TD那样高。然后使用v:fill type="tile“设置。它会自动垂直重复。将图像的宽度设置为td的宽度会导致图像在屏幕上仅显示一次。每重复一次。