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); 
}