Bootstrap 3將不透明度添加到縮略圖背景

Question

我想向引導程序中的縮略圖類添加不透明度，但我只是想在背景顏色上使用不透明度而不是其他部分中的其他文本。如果我使用：

.thumbnail { 
opacity: 0.6; 
} 

這適合孔的內容，我試圖段落標籤不使用這種不透明度。 TNX，P

<div class="col-sm-6 col-md-3"> 
    <div class="thumbnail"> 
     <img src="img/box/1.jpg" alt="..."> 
     <div class="caption"> 
     <h3 >Test</h3> 
     <p > 
Testtt 
     </p> 
     <p><a href="#" >Link</a></p> 
     </div> 
    </div> 
    </div> 

Answer 1

難道是縮略圖的全面的背景，則圖像簡單地使用：

.thumbnail > img { 
    opacity: 0.6; 
} 

如果使用背景樣式縮略圖然後使用：

.thumbnail { 
    background-color: rgba(0, 0, 0, 0.6); 
}