在CSS中使用8个单独的边框图像而不是border-image

Question

我已经为主（固定宽度）内容框周围的边框提供了8个单独的图像（左上角，顶部，右上等）。如果给我一张图片，我会使用border-image。

使用8张图片的最佳方法是什么？ Divs绝对定位？或者这是一种痛苦我应该将它们合并为一种？

Answer 1

将图像合并为一个是如此困难？它还有许多其他优点，例如减少客户端需要进行的HTTP请求的数量。

另一种方法是使用CSS3的多重背景图像功能，您可以将每个图像设置为框中的图层。

Answer 2

Eric Myer使用了一种技术（只是为了解释技术）图像是一个小圆圈。然后，这是四个独立div中的背景图形，每个div位于包含div的角落中，具有相对位置。每个背景位置都有所改变，直线使用了常规边框，实际上是圆角。圆圈必须用白色或你使用的任何颜色填充。

这样，人们可以扩展。如果发生变化，你仍需要扩大高度，对吗？

我会为顶部和底部制作一个，而在Y的中间重复一个，这样，如果添加内容，您的框将会展开。高度是。