垂直重复VML形状
我已经设法使用 VML 显示 td 的背景图像，但我希望它垂直重复。我找到的任何示例都仅适用于一张图像。有人能想到我可以实现这一目标吗？我已将示例页面放在下面的小提琴中。
I've managed to use VML to display a background image for a td, but I want it to repeat vertically. Any exmaples I find are only for one image. Can anyone think of show I could achieve this? I have put my example page in the fiddle below.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
除了使用 javascript 之外，我想不出任何其他解决方案。使用矢量库会更容易（例如 Raphaël http://raphaeljs.com），但页面会更重。
您必须获取容器的当前大小并手动计算 y 偏移量。
在 IE 上克隆 VML 元素非常困难，因此您必须创建多个具有相同属性的元素（Raphael 有一个 clone() 方法，但它实际上创建了一个新的相同元素）。
I can't think of any other solution than using javascript. It will be easier to use a vector library (ex Raphaël http://raphaeljs.com) but the page will be heavier.
You will have to take the current size of the container and manually compute y offsets.
It is very difficult to clone a VML element on IE so you will have to create several elements with same properties (Raphael have a clone() methods but it actually create a new identical element).
尝试将图像文件设置为 td 的宽度，但不要与 TD 一样高。然后使用 v:fill type="tile" 设置。它将自动垂直重复。将图像的宽度设置为 td 的宽度会导致图像在屏幕上仅显示一次。每次重复。
Try making the image file the width of the td, but not as tall as the TD. Then use the v:fill type="tile" setting. It will repeat vertically automatically. Setting the width of the image to the width of the td causes the image to display only once across the screen. for each repeat.