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背景不透明問題

回答

相關問題