CSS - 只重复下来的图像

Question

的一部分，我看到这样的画面：

而且我想打印这张照片作为我的页面的顶部背景。在661px的高度（这是这张图片的高度）之后，我想重复 - 只有这张图片的一部分。我认为这幅图底部的宽度为100％，高度为10px。最后，我想将这张图片放在最上面，然后在这个背景下的所有页面都应该是灰色的。

我想这样的：

background: url(http://i.stack.imgur.com/0zGno.png) center top no-repeat, url(http://i.stack.imgur.com/0zGno.png) repeat 100% 10px scroll; 

，但它不正常工作。有任何想法吗？

谢谢。

Answer 1

你不能用css制作这样复杂的图形作品。你必须用Photoshop（或类似的）制作合适的图像。