边框图片不显示

Question

我正在尝试使用自定义图像作为边框，但它没有显示。我确定我使用的 ID 是正确的，因为当我尝试 border-style:solid; 时，显示的是黑色边框。

#panel-902-1-0-1 {
    border-width: 50px;
    padding: 10px;
    border-image: url(bg-trailed.png) repeat;
}

图像与 css 文件位于同一文件夹中。

Answer 1

编辑：完全修改..我刚刚意识到我完全误解了你的问题。您正在尝试使用边框图像。

border-image-source：如果值为'none'或图片无法显示（或属性不适用），将使用边框样式；否则，不会绘制元素的“边框样式”边框，而是按照以下部分中的描述绘制边框图像。

看起来你可能已经击中了这个，正如上面所建议的，fiddle 会有所帮助。

Answer 2

您可能需要对图像进行切片：

#panel-902-1-0-1 {
    border-width: 50px;
    padding: 10px;
    border-image: url(bg-trailed.png) 25% repeat;
}