为什么元素不会重复内部div

Question

http://jsfiddle.net/sMMHW/

在上面的小提琴中，我有一个小的红色1像素线，我想在内部块的y上重复但不重复。 我的背景设置为

.innerbox{
    height:100px;
    background: url(http://www.artaholic.com/html/jsfiddle/img/grid-sprite.png) repeat-y -56px 0;
} 

Answer 1

重复，但是你的图像大于100像素高，所以你看不到红线重复。 你可以通过将高度增加到500像素或其他东西来看到这一点。红线将显示每几百个像素。

要纠正此问题，请使图像中的红线成为图像的整个高度。

jsFiddle我正在谈论的内容。

Answer 2

问题

这是因为线条不是图像的完整大小。这导致图像重复，但图像的全部重复，而不仅仅是行。

解决方案

创建一个新的图像，它将仅为线条和线条。您甚至可以使用 Data URIs 来保存请求。

祝你好运：）