CSS透明度将不会覆盖

我有这样的CSS图片说明：CSS透明度将不会覆盖

#capt{ 
    position: relative; 
    height: 391px; 
} 

#capt > p.imgCaption{ 
    position: absolute; 
    top: 348px; 
    background-color: #56631e; 
    opacity:0.6; 
    left: 2px; 
    filter:alpha(opacity=60); /* For IE8 and earlier */ 
    width: 547px; 
    font-family: "HelNue"; 
    font-weight: bold; 
    font-size: 17px; 
    color: white; 
    height: 25px; 
    z-index: 99999; 
    padding: 7px 0 0 5px; 
} 
span#op{ 
    opacity:1; 
    filter:alpha(opacity=100); /* For IE8 and earlier */ 
    z-index: 9999999; 
}

和HTML是：

<div id="capt"> 
    <p class="imgCaption"> 
     <span id="op">Lorem ipsum dolor sit amet, consectetur adipisicing elit</span> 
    </p> 
    <img src="image here" /> 
</div>

现在，位置，一切都很好，在背景颜色是好的并且不透明度很好，但是文本保持imgCaption类的不透明度，并且它看起来像murkey。我在这方面犯过什么错误，或者这是一个常见问题？

如果你知道解决方法，我会非常感谢:)谢谢！

来源

2012-09-26 zomboble

这是“常见问题”。

而是不透明的，你应该使用CSS3背景颜色与阿尔法：

background-color: rgba(255,0,0,1);

检查出这个网站

http://www.css3.info/introduction-opacity-rgba/

编辑：当然，你应该跟你改变这种RGBA值。

来源

2012-09-26 09:10:43 Bernat

谢谢！ Upvoted！这看起来像是工作最好的方法，谢谢！我会接受答案，当它允许:) – zomboble

CSS透明度将不会覆盖

回答

相关问题