Html 样式表是否具有透明背景和不透明文本？

我有一个引导表，如下所示：

<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>

这显然使整个表透明。我怎样才能使背景透明？我尝试更改背景色：rgba（），但也不起作用

谢谢你的帮助

---

~ru毯嘶嘶作响

使用以下风格：

table tr td, table tr th{
    background-color: rgba(210,130,240, 0.3) !important;
}

您需要更改rgb部分以匹配您的颜色。属性中的最后一个参数是alpha设置，它将使背景透明

您还必须调整html以正确放置结束表标记

<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>

使用者
要点
{{player.name | replace（@mysummitps.org），“”）| replace（@summitsanjose.org），“”）| replace（@gmail.com，“”）}
{{player.points}

---

JS Fiddle:

使用以下样式：

table tr td, table tr th{
    background-color: rgba(210,130,240, 0.3) !important;
}

您需要更改rgb部分以匹配您的颜色。属性中的最后一个参数是alpha设置，它将使背景透明

您还必须调整html以正确放置结束表标记

<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>

使用者
要点
{{player.name | replace（@mysummitps.org），“”）| replace（@summitsanjose.org），“”）| replace（@gmail.com，“”）}
{{player.points}

---

JS Fiddle:

谢谢，但这并没有像原帖中所说的那样有所帮助。编辑：也许你想让我把这个样式添加到另一个元素中？我把它放在我的表{}样式中。注意我使用的是

rgba

。另外，表格的html标记需要调整。结束标记直接在开始标记之后。哦，对不起，我奇怪地从代码中复制了它。哈哈，标记是固定的。此外，我尝试了

rgba

，但也没有效果。请查看更新的样式。我对你想要达到的目标有点困惑，条纹风格呢？这应该被推翻吗？还有

tr th

标签呢？非常感谢，这很有帮助！我删除了带条纹的，我认为这会弄乱代码。我会接受正确的，只要它允许我！谢谢，但这并没有帮助，正如在原来的帖子中所说的。编辑：也许你想让我把这个样式添加到另一个元素中？我把它放在我的表{}样式中。注意我使用的是

rgba

。另外，表格的html标记需要调整。结束标记直接在开始标记之后。哦，对不起，我奇怪地从代码中复制了它。哈哈，标记是固定的。此外，我尝试了

rgba

，但也没有效果。请查看更新的样式。我对你想要达到的目标有点困惑，条纹风格呢？这应该被推翻吗？还有

tr th

标签呢？非常感谢，这很有帮助！我删除了带条纹的，我认为这会弄乱代码。我会接受正确的，只要它允许我！