垂直重复VML形状

时间:2011-02-11 11:34:50

标签: html css repeat html-table vml

我设法使用VML显示td的背景图像,但我想让它垂直重复。我发现的任何exmaples仅适用于一个图像。任何人都可以想到我能实现这一目标吗?我把我的示例页放在下面的小提琴中。

http://jsfiddle.net/TSeBy/

2 个答案:

答案 0 :(得分:0)

除了使用javascript,我想不出任何其他解决方案。使用矢量库(前Raphaëlhttp://raphaeljs.com)会更容易,但页面会更重。

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

在IE上克隆VML元素非常困难,因此您必须创建具有相同属性的多个元素(Raphael有一个clone()方法,但它实际上创建了一个新的相同元素。)

答案 1 :(得分:0)

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