我有一个Bootstrap表,看起来像这样:
<table class="table table-striped table-condensed table-bordered">
<tr>
<th>User</th>
<th>Points</th>
</tr>
<tr>
<td class="active">{{player.name|replace("@mysummitps.org","")|replace("@summitsanjose.org","")|replace("@gmail.com","")}}</td>
<td class="active">{{player.points}}</td>
</tr>
</table>
字符串
在我的CSS中,我尝试通过以下方式使表透明:
table{
opacity: 0.3;
}
型
这显然使整个表透明。我怎么能只使背景透明呢?我试着改变background-color:rgba()
,但这也不起作用。
感谢您的任何帮助!
~Carpetfizz
2条答案
按热度按时间iyfamqjs1#
使用以下样式:
字符串
你需要改变rgb部分来匹配你的颜色。属性中的最后一个参数是alpha设置,它将使背景透明。
您还必须调整html以正确放置结束表格标记。
型
JS Fiddle:http://jsfiddle.net/Lf9LG/
zxlwwiss2#
:更新- 2023 - BootStrap v5.3:
添加到上面-得到一个透明的背景表,我必须应用一个单独的类(在您的css文件)如下;
字符串
将此“table_custom”添加到代码中的表标记中,如下所示;
型
一个透明背景的小表格。