css - 如何防止背景图像覆盖边框图像

Question

我正在尝试将衣衫褴褛的寄宿生添加到羊皮纸背景中。这是我的 CSS

#wrap
{
    width:52em;
    margin:30px auto; /* centers the container */
    background-image: url(../images/parchment.gif);
}
.borderimage #wrap
{
    border-width: 10px;
    -chrome-border-image: url(../images/parchment_border.png) 10 10 10 10 repeat;
    -moz-border-image: url(../images/parchment_border.png) 10 10 10 10 repeat;
    -o-border-image: url(../images/parchment_border.png) 10 10 10 10 repeat;
    -webkit-border-image: url(../images/parchment_border.png) 10 10 10 10 repeat;
    border-image: url(../images/parchment_border.png) 10 10 10 10 repeat;
}

.borderimage 类是 modernizr 的一部分。

渲染时，背景图像会覆盖边框图像。如果我将背景图像设置为无，我会在边框处看到边框图像。几年前我有这个工作，但前一段时间失败了。如果是因为我所做的更改或浏览器升级，我不会。网络搜索没有找到任何有用的信息。

Answer 1

尝试将 background-size: contain; 放在 #wrap 中