背景色渗入透明色答案

【问题标题】：Background color is leaking into transparent color背景色渗入透明色
【发布时间】：2014-02-22 09:22:34
【问题描述】：

我已经设法让背景边框透明度完美地工作，但现在我无法让内容以任何方式显示为白色，除非它与边框图像重叠。

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

我尝试过： - 设置背景颜色（根本不起作用，因为它也设置了边框颜色。） - 使用重复的背景图像（透明度仍然存在，但图像部分加载到边框上方） - 使用 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 中加载良好，

再次感谢大家！

【问题讨论】：

标签： html web-deployment css

【解决方案1】：

.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);
}

这是一个肮脏的修复，但它有效

【讨论】：

@user3286723 ha，我仍在尝试自己回答这个问题。边框图像仍然有点问题。正如我所说，这是一个快速而肮脏的修复，因此应该只是暂时的。所以是的，你仍然应该找到一种方法来构建你的元素以摆脱这个修复。

【解决方案2】：

我认为您只需将您的帖子内容放入带有一些class（例如post-content）的div标签并为其设置背景颜色。

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

【讨论】：

我明白我的想法，你的意思是内容应该是一个单独的具有自己属性的 div 类，我把它放在 blog 类中？我刚刚尝试过，但它弄乱了整个页面，但在我看来这应该可以工作。

【解决方案3】：

HTML

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

CSS

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

【讨论】：

从逻辑上讲这是可行的，但由于某种原因，网站上的所有内容最终都包含在博客文章中。
@user3286723 它会起作用，我认为博客内部还有其他问题。