CSS的边框图像透明度

Question

我有一个用边框CSS创建的图像。但是，在chrome上，它不会用适当的颜色填充div的中心，而且它是透明的。

当我将背景设置为白色时，它会干扰边框的透明度，这就是我无法将其插入的原因。是否还有其他方法（当然，跨浏览器兼容）？

#post-wrap {
    margin:auto;
    padding: 0px 40px 70px 40px;
    width: 850px;
    border-width: 96px 17px 15px 36px;
    -moz-border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png) 96 17 15 36 repeat;
    -webkit-border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png) 96 17 15 36 repeat;
    -o-border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png) 96 17 15 36 repeat;
    border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png)     96 17 15 36 repeat;
}

Answer 1

您只需添加“填充”即可包含背景。

border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png)     96 17 15 36 fill repeat;

Answer 2

而不是使用边框图像，我想我会将此图像设置为我的div的背景并使用填充来将文本放在里面......

#post-wrap {
    margin: auto;
    padding: 0px 40px 70px 40px;
    background: transparent url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png) no-repeat top left;
}