Question

我设法让背景边框透明度完美运行，但现在我无法将内容显示为白色而不会重叠到边框图像中。

我需要的是这个，但文本是（内容）我需要背景为白色

我试过了： - 设置背景颜色（根本不起作用，因为它也设置边框颜色。） - 使用重复的bg图像（透明度仍然存在但图像部分加载到边框上） - 使用span来使文本背景变白（这样可以工作，但它只覆盖文本的确切区域，使一些背景透明并且变成白色。

这是我的代码：

.blog {
border-width: 27px;
-moz-border-image: url(divborder.png) 27 stretch;
-webkit-border-image: url(divborder.png) 27 stretch;
-o-border-image: url(divborder.png) 27 stretch;
border-image: url(divborder.png) 27 stretch;
font-family: pokemon;
font-size: 9px;
padding: 0px;
margin: 20px;
border-color: rgba(128,128,128,0.3);

}

奇怪的是它在Dreamweaver中加载得很好，

再次感谢你们！

Answer 1

我认为你只需要将你的帖子内容放入div标签中，并加上一些class（例如post-content）并为其设置背景颜色。

这是小提琴：http://jsfiddle.net/qgg9j/（查看最后一篇文章）

Answer 2

HTML

<div class="blog">
    <div class="content_wrapper">
        <h1>text</h1>    
    </div>    
</div>

<强> CSS

.content_wrapper{
    background: #fff;
    padding: 1px;
}

Answer 3

.blog {
    border-width: 27px;
    -moz-border-image: url(divborder.png) 27 stretch;
    -webkit-border-image: url(divborder.png) 27 stretch;
    -o-border-image: url(divborder.png) 27 stretch;
    /* border-image: url(divborder.png) 27 stretch;  Remove this line */
    font-family: pokemon;
    font-size: 9px;
    padding: 0px;
    margin: 20px;
    border-color: rgba(128,128,128,0.3);
}

它是一个肮脏的修复，但它的工作原理

背景颜色渗透成透明色

3 个答案: