我正在将新设计切割成有效的HTML / CSS。这个特殊的设计有几个非常详细的图像，我正在讨论如何分割它们。
Here是指向包含我看到的不同选项的文件夹的链接。有四个恰当命名的图像 - bg.brickLeft，bg.brickMiddle，bg.brickMiddle，bg.combined。
我只想了解其他网络开发者如何分解这种设计。 bg.combined显然是最终产品需要的样子。
我倾向于bg.combined因为1）较少的css 2）一个http请求 - 但我的CSS纯粹主义者是尖叫，甚至想要将渐变分成3px宽的可重复图像。
我关注bg.combined方法，因为在加载较慢的连接时它看起来不那么漂亮。
你会如何处理这种设计？
您对这两种方法有哪些技术专家/建议？
你会接近它吗？
编辑 - 此外，网站的高度是静态的
答案 0 :(得分：0)
我是一个狂热的人，为人们提供宽屏幕的东西（你提到静态高度，但实际上没有静态宽度），所以对我来说，我会把砖左/右变成一个可以很好地重复并且应用repeat-x的图像，以便宽屏幕访问者看到更多的墙。
除此之外，我会将中心作为我的内容背景留在以页面为中心的div中。所以缺点是，我会做2张图片，砖块作为body背景，图案化的“middleBrick”作为我的页面包装div背景。
答案 1 :(得分：0)
除了添加更广泛的背景外，我最终还是将这些图像组合在一起。
Here是最终结果