css背景图像不无缝

我正在使用html5，并试图创建一个边缘粗糙的无缝边框（顶部、侧面+底部）

我知道ie8不支持CSS3边界映像。IE8是我最愿意满足的

因此，我使用3个div来显示背景图像，唯一的问题是取决于内容的长度，底部背景图像没有很好地对齐，使方框看起来无缝，因为重复的中间图像在边框合并点之前被切断

---

我在photoshop中使用画笔创建了锯齿状容器。我一直在考虑这个问题，但找不到合适的解决方案。

解决方案是为内容区域设置特定的高度增量。这可以通过两种方式实现：

如果您的内容主要是文本，您可以将您的和/或任何其他使用的元素的高度设置为所需的增量（或其倍数），并希望达到最佳效果

如果这不起作用，唯一的其他方法就是使用JavaScript

下面是关于这一挑战的几点讨论，包括关于使用行高的一些想法，以及一些从可行的JavaScript代码开始的讨论：

---

解决方案是为内容区域设置特定的高度增量。这可以通过两种方式实现：

如果您的内容主要是文本，您可以将您的和/或任何其他使用的元素的高度设置为所需的增量（或其倍数），并希望达到最佳效果

如果这不起作用，唯一的其他方法就是使用JavaScript

下面是关于这一挑战的几点讨论，包括关于使用行高的一些想法，以及一些从可行的JavaScript代码开始的讨论：

---

您是否可以提供一些示例代码供我们查看，或者使用？这是一些代码，由于某些原因无法登录：s您是否可以提供一些示例代码供我们查看，或者使用？这是一些代码，由于某些原因无法登录：基本上是的，但我了解到border image属性在ie8中不起作用，这就是为什么我要小心我使用的选择器等等。。顶部div的连接没有问题，中间div的连接会导致问题，因为它与可变内容长度不匹配。我现在正在考虑使用垂直直边，这样背景图像中就不会出现中断，顶部和底部周围也不会出现粗糙的边缘。@Renai仍然无法想象您的问题。你能链接到有背景图片和粗糙边缘的页面吗？有html和css。我可以在哪里上传图像来向您展示我的意思？@Renai Try，，或其中一个。这是我使用的框：Thanks基本上是的，但我了解到border image属性在ie8中不起作用，这就是为什么我要小心使用什么选择器等。。顶部div的连接没有问题，中间div的连接会导致问题，因为它与可变内容长度不匹配。我现在正在考虑使用垂直直边，这样背景图像中就不会出现中断，顶部和底部周围也不会出现粗糙的边缘。@Renai仍然无法想象您的问题。你能链接到有背景图片和粗糙边缘的页面吗？有html和css。我可以在哪里上传图片来告诉你我的意思？@Renai Try，，或其中之一。这是我使用的框：谢谢