边框图像没有显示

时间:2015-07-16 20:45:30

标签: css border

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

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

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

2 个答案:

答案 0 :(得分:0)

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

border-image-source:如果值为'none'或者图像无法显示(或属性不适用),将使用边框样式;否则不会绘制元素的“边框样式”边框,并按照以下部分所述绘制边框图像。

看起来你可能已经打过这个,如上所述,小提琴会有所帮助。

答案 1 :(得分:0)

您可能需要切片图像:

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