背景颜色渗透到透明颜色

我已经设法得到完美的背景边框透明效果，但现在我无法通过任何方式使内容呈现白色，而没有将其重叠到边框图像中。背景颜色渗透到透明颜色

我需要这一点，但就是文字（内容）我需要的背景是白色的

我曾尝试： - 设置背景颜色（） - 使用重复的bg图像（透明度仍然存在，但图像部分加载到边框上） -using 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精细，

再次感谢你们！

来源

2014-02-22 user3286723

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

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

来源

2014-02-22 09:41:00 Krimson

现货！谢谢你，那是甚么工作？ – user3286723

@ user3286723哈，我仍然试图自己回答这个问题。边界图像还是有点儿车。正如我所说，这是一个快速和污垢修复，因此应该只是暂时的。所以，你仍然应该找到一种方法来构建你的元素来摆脱这个问题。 – Krimson

我认为你需要把你的帖子内容为div标签与一些class（post-content为例），并为其设置背景颜色。

这里的小提琴：http://jsfiddle.net/qgg9j/（看看过去后）

来源

2014-02-22 09:30:20 konart

我明白了我的想法，你是说内容应该是一个独立的div类，它有自己的属性，我把这个INSIDE放到了博客类中？我只是试过这个，但它搞砸了整个页面，在我的脑海中，这应该工作。 – user3286723

HTML

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

CSS

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

来源

2014-02-22 09:37:08 Abhineet

从逻辑上讲，这种方式可行，但由于某种原因，网站中的所有内容都会在博客文章中结束。 – user3286723

@ user3286723它会工作，我认为还有其他问题在博客里面结束。 – Abhineet

背景颜色渗透到透明颜色

回答

相关问题