CSS透明度將不會覆蓋

Question

我有這樣的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。我在這方面犯過什麼錯誤，或者這是一個常見問題？

如果你知道解決方法，我會非常感謝:)謝謝！

Answer 1

這是「常見問題」。

而是不透明的，你應該使用CSS3背景顏色與阿爾法：

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

檢查出這個網站

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

編輯：當然，你應該跟你改變這種RGBA值。