【发布时间】：2013-04-09 07:10:14
【问题描述】：
我已经获得了 8 个单独的图像（左上、上、右上等），用于主（固定宽度）内容框周围的边框。如果给我一张图片，我会使用border-image。
使用这 8 张图片的最佳方式是什么？绝对定位的div？还是我应该把它们合二为一？
【问题讨论】：
【发布时间】：2013-04-09 07:10:14
【问题描述】：
将图像合二为一有什么难的？它还有许多其他优点，例如减少客户端需要发出的 HTTP 请求的数量。
另一种方法是使用 CSS3 的多背景图像功能，您可以将每个图像设置为框中的一个图层。
【讨论】：
-
不是特别难，所以这就是我最终使用paint.NET 所做的。
Eric Myer 使用了一种技术，即（只是为了解释技术）图像是一个小圆圈。然后，这是四个独立 div 中的背景图形，每个 abs 都位于包含 div 的角上，具有相对位置。每一个的背景位置都发生了变化，直线使用了一个规则的边框，实际上得到了圆角。圆圈必须用白色或您使用的任何 bckgrnd 颜色填充。
这样，可以扩展。如果发生变化，您仍然需要扩展高度，对吗？
我会为顶部和底部制作一个，第三个在 Y 上重复用于中间，这样如果添加内容，您的框就会扩展。就是高度。
【讨论】：