html - 如何使表格单元格的背景透明

Question

我正在为我的“所有用户”页面在一个表中创建一个表。第一张表分为两部分——广告和用户——。在 <tr><td>...</td></tr> 下的“用户”表中，我为每个用户的数据创建了另一个表，以通过 php 显示。

这是图片:http://postimg.org/image/3mbeyb411/

正如您在图像中看到的，父表的右侧(比左侧大)包含“用户”表，其中显示了他们的个人资料图片，这很好。
现在我把这个漂亮的模糊背景放在我的页面上，但父表的白色单元格背景挡住了它。

如何让白色背景变得透明？我试着做 background:transparent;但无济于事。

<table id = "MainTable">
  <tr>
    <td width = "20%">
      
     </td>

    <td width = "80%">
        <table.......>***php users appear code here***</table>
    </td>
 </tr>
</table>

对于 CSS

#MainTable {
    width: 100%;
    background-color: #D8F0DA;
    border: 1px;
    min-width: 100%;
    position: relative;
    opacity: 0.97;
    background: transparent;
}

拜托，我真的需要你的帮助。我已经在谷歌上搜索了好几天了，但仍然没有找到一个答案

更新

我要找的是这样的东西<td style="background:transparent;">但我仍然没有在网上找到它。或者甚至可以使表格和单元格的背景透明？

Answer 1

您可以在表格标签内通过样式设置透明度:

<table id="Main table" style="background-color:rgba(0, 0, 0, 0);">

rgba 函数中的最后一位用于透明度。 1 表示 100% 不透明，而 0 表示 100% 透明。