CSS - 只重复图像的一部分

Question

我有这张照片:

我想将这张图片作为背景打印在我的页面顶部。在 661px 高度(这是这张图片的高度)之后，我想只在这张图片的下方重复 y。我认为从这张图片的底部开始，宽度为 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(或类似软件)制作合适的图像。