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

Question

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

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

首先：

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

第二

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

这些似乎都不起作用。

Answer 1

Bootstrap缩略图为.img-thumbnail，而非.thumbnail，您可以通过覆盖来使其透明：

.img-thumbnail{background-color:transparent}

DEMO：http://www.bootply.com/nsKUpFuaH8

Answer 2

像div那样为div添加样式

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

Answer 3

试试这个：

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

CSS：

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