可能重复：
css3边框图像的透明png问题
我有一个透明背景和宽度为 7px 的边框图像，如下所示：
我在同一个 div 上有一个重复的背景图像，它要么与边框图像重叠，要么在我使用 CSS 时留下一个间隙：
background-clip: padding-box;
父 div 上还有一个背景图像，这就是为什么我需要在外部的边框图像上使用透明背景。
所以我想知道我必须使用哪些选项来使重复的背景图像适合边框图像。我可以设置背景位置，但据我了解，我只能设置带有 x 和 y 值的起始位置，因此这不适用于右侧和底部位置。
也许那时我唯一的选择是用我在 Adobe Illustrator 中用作背景图像的图像填充边框图像，但是我必须弄清楚如何在 Illustrator 中的画板上重复图案。边框图像的中心部分如何在页面上重复也可能存在问题（即背景图像在边框图像的部分连接处看起来是否正常？）。
对于如何最好地实现我正在寻找的结果的任何建议，我将不胜感激。您可以在此页面上看到正在运行的边框图像。主要内容和侧边栏，以及向下滑动的联系表单都有一个与边框图像重叠的背景图像。
截屏：
