border-image属性不显示边框

Question

我已经关注了W3Schools here

的示例

HTML：

<h2 class="underline_red">Design</h2>

CSS：

.underline_red {
    border-image: url(../images/underline_red.jpg) 30 30 stretch;
    border: 15px solid transparent;
}

我还包括所有供应商前缀，即使最新的Chrome解释它也没问题。

我没有收到任何控制台错误，所以找到我的文件并加载没问题。

与W3Schools的例子不同，我没有得到任何边框图片。

我显然错过了一些东西

我注意到W3Schools上没有使用像素大小的示例，我尝试添加它们，但它没有帮助。

JSFiddle

Answer 1

翻转你的风格顺序：

.underline_red {
    border: 15px solid transparent;
    border-image: url(http://www.w3schools.com/cssref/border.png) 30 30 round;
}

jsFiddle Demo