【问题标题】: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;}

这些似乎都不起作用。

【问题讨论】:

  • Bootstrap img 类没有背景,你究竟想让什么透明? jsfiddle.net/4Lt0qqx6
  • 一列中缩略图类的背景颜色 - 如果我正确,默认设置为白色

标签: css twitter-bootstrap-3 thumbnails


【解决方案1】:

试试这个:

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

CSS:

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

【讨论】:

    【解决方案2】:

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

    .img-thumbnail{background-color:transparent}
    

    演示:http://www.bootply.com/nsKUpFuaH8

    【讨论】:

      【解决方案3】:

      像这样向 div 添加样式

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

      【讨论】:

        猜你喜欢
        • 2016-12-29
        • 2023-04-09
        • 2014-10-30
        • 2010-10-15
        • 1970-01-01
        • 2013-06-05
        • 1970-01-01
        • 1970-01-01
        • 2016-12-08
        相关资源
        最近更新 更多