CSS的边框图像透明度

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

This is the image

当我把一个背景为白色，它与边界的透明度，这就是为什么我不能把它干扰。有没有解决这个另一种方式（跨浏览器，当然兼容）？

#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; 
}

来源

2012-01-15 nicole

请正确格式化您的代码。不要使用'>'来格式化代码;而是用四个空格缩进每行。 – BoltClock 2012-01-15 17:38:59

我编辑了它来纠正它。 – 2012-01-15 17:44:46

把第二个'div'放在第一个里面，然后让这个'background-color：white'想到 – 2012-01-15 17:51:27

，而不是使用边界图像，我想我会设置这个形象，我的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; 
}

来源

2012-01-17 16:43:38 arnonate

你只需要添加“填充“为它包括背景。

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

来源

2012-02-02 21:35:52 Jez

CSS的边框图像透明度

回答

相关问题