如何处理透明背景和背景图像的边框图像

Question

  

可能重复：
  css3 border-image's transparent png issue

我有一个透明背景和宽度为7px的边框图像，如下所示：

我在同一个div上有一个重复的背景图像，它与边框图像重叠，或者当我使用CSS时留下间隙：

background-clip: padding-box;

父div上还有背景图像，这就是为什么我需要在外面的边框图像上使用透明背景。

所以我想知道我有什么选择让重复的背景图像适合边框图像。我可以设置背景位置，但据我所知，我只能设置一个带x和y值的起始位置，所以这不会对右下角位置起作用。

也许那时我唯一的选择就是用Adobe Illustrator中用于背景图像的图像填充边框图像，但是我必须弄清楚如何在Illustrator中的画板上重复图案。如何在页面上重复边框图像的中心部分（即边框图像的各部分加入后背景图像看起来是否正确？）。

我很感激有关如何最好地实现我正在寻找的结果的任何建议。您可以在this page上查看正在运行的边框图像。主要内容和侧边栏以及向下滑动的联系人表单都有一个与边框图像重叠的背景图像。

截图：