如何使 Bootstrap 3 缩略图背景透明答案

【问题标题】：How to Make Bootstrap 3 Thumbnail Background Transparent如何使 Bootstrap 3 缩略图背景透明
【发布时间】：2014-10-20 11:46:31
【问题描述】：

我想让缩略图的背景透明。

我尝试使用以下代码组合覆盖 CSS：

第一：

    .thumbnail{
    background-color:rgba(0,0,0,0.5);   
    background-color: #000;}

第二：

    .thumbnail{
     background-color:transparent;  
     background: transparent;}

这些似乎都不起作用。

【问题讨论】：

【解决方案1】：

试试这个：

请确保您使用的是.png 图片

CSS：

.thumbnail{
     border:none !important;
     background: transparent !important;
     box-shadow:none !important;
  }

【讨论】：

【解决方案2】：

引导缩略图是.img-thumbnail，而不是.thumbnail，您可以通过这样的覆盖使它们透明：

.img-thumbnail{background-color:transparent}

【讨论】：

【解决方案3】：

像这样向 div 添加样式

<div class='thumbnail' style='background-color: transparent'>

【讨论】：