border-image屬性不顯示邊框

Question

我在這里遵循了W3Schools的示例

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;
}