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

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中