CSS背景不透明问题

我的文字背后有一个白色背景。我已经使用CSS重新定位。我希望背景具有.3的不透明度，但它会影响前景，即使在html中它有不同的分歧。我是一个有css方面的新手，并期待来自那些拥有更多专业知识的人的回应。在HTML的CSS背景不透明问题

部分是：

... 
<p><span>Fri</span><span>When Announced</span></p> 
<p><span>Sat</span><span>Open</span></p> 

</div> 

<div class=... 
<img src="img/cross.png" alt="Cross" width="340" height="465"/> 
</div> 

<div id="bkgrnd"></div> 

<div id="clear"></div> 

</section>

...

的CSS是：

#bkgrnd{ 
    background-color:#fff; 
    border:1px solid #000; 
    box-shadow:#332315 .3em .4em .2em; 
    opacity: 0.3; 
    width:750px; 
    height:526px; 
    margin-left:89px; 
    margin-top:-55px; 
    z-index:-2; 
    }

来源

2013-02-14 Mr. Holland

的可能重复[我不想从CSS中的父级继承孩子不透明度]（http://stackoverflow.com/questions/5770341/i-do-not-want-to-inherit-the-child-opacity-from-the-parent-in- css） – 2013-02-14 21:44:06

@Blowski *可能*？更像是......：D – BBagi 2013-02-14 21:48:23

使用opacity会影响任何子元素。您应该改用rgba你的background属性，如：

background-color: rgba(255, 255, 255, 0.3);

这将适用的白色background-color有30％的不透明度。

来源

2013-02-14 21:45:26 zakangelle

为了不透明度不被继承，您需要使用的RGBA（阿尔法频道）而不是不透明。

参见：http://www.css3.info/introduction-opacity-rgba/

注意，Alpha通道不被旧版本浏览器的支持。你可能需要做一个CSS后备。

来源

2013-02-14 21:43:37

查看这篇文章使用的，而不是不透明的RGBA取消继承：

http://acidmartin.wordpress.com/2010/11/21/using-rgba-to-prevent-the-css-opacity-inheritance-from-parent-to-child-elements/

本文介绍了如何处理的RGBA解决方法IE 5-8

来源

2013-02-14 21:47:07 BBagi

CSS背景不透明问题

回答

相关问题