なぜ要素は、フィドル、内側のdiv

Question

http://jsfiddle.net/sMMHW/

に繰り返しません。私は私の背景がそれを繰り返している

.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を使用することもできます。

幸運：