html - border-image 没有环绕整个边框

Question

我如何获得我用来环绕整个边框的图像？它只出现在顶部和底部。我使用 border-image.com 将其缩小，但我只能在顶部或底部或左右边框上获得所需的结果。我基本上希望图像以一致的方式重复环绕(公司 Logo 在所有边界重复)，而不必以任何方式拉伸(stretch)、操纵或缩放它。我真的很感激任何帮助？

Here's what I have so far

HTML:

 <div id="outer_container">
 ...
 </div>

CSS:

#outer_container {
height: 1495px;
width: 925px;
margin-right: auto;
margin-left: auto;
background-repeat: repeat-x;
background-attachment: fixed;
background-color: #E7EAF5;
border-radius: 15px;
border-style: solid;
border-width: 38px 38px 38px 38px;
border-image: url(http://lorempixel.com/81/81/) 81 0 fill repeat stretch;
}

Answer 1

问题是您在 81 之后添加的 0。如果删除该数字，边框将应用于所有边框

border-image: url(http://lorempixel.com/81/81/) 40 fill repeat stretch;

http://jsfiddle.net/4rjw6/