垂直重複VML形狀

Question

我設法使用VML來顯示td的背景圖像，但我希望它垂直重複。我發現任何exmaples只爲一個圖像。任何人都可以想到我可以實現這個目標嗎？我已將我的示例頁面放在下面的小提琴中。

http://jsfiddle.net/TSeBy/

Answer 1

我想不出比使用JavaScript任何其他解決方案。使用矢量庫會比較容易（不適用於Raphaëlhttp://raphaeljs.com），但頁面會變得更重。

您將不得不採取容器的當前大小並手動計算y偏移量。在IE上克隆一個VML元素是非常困難的，所以你將不得不創建幾個具有相同屬性的元素（Raphael有一個clone（）方法，但它實際上創建了一個新的相同元素）。

Answer 2

嘗試將圖像文件的寬度設置爲td，但不如TD高。然後使用v：fill type =「tile」設置。它會自動重複垂直。將圖像的寬度設置爲td的寬度將導致圖像僅在屏幕上顯示時才顯示一次。爲每個重複。