CSS中心背景图像水平然后垂直重复？

Question

我有一个小小的挑战，我希望你能帮助我。我试图将一个非常宽的图像（2500x20）放在背景上并让它平铺（重复）......我可以找到很多关于如何将两个方向都集中在一起的信息......或者如何重复两种方式......但没有关于如何混合这两者。这甚至可能吗？

Answer 1

background: url(http://placehold.it/2500x20) repeat-y center;

演示：http://cssdesk.com/CatAa

Answer 2

.foo {
    background-position: 50% 0; /* centers the image horizontally */
    background-repeat: repeat-y; /* tiles it vertically */
}