Question

我有一个带有渐变背景图片的网页。在这个页面上是一张桌子。我已将边框设置为5px宽度和实线。我想将这些边框的不透明度设为0％，以便用户看到渐变背景。这可能吗。这是我到目前为止的表格。

<div style="margin: 0pt auto; width: 980px;background-color:white;">
<div style="500px;overflow:hidden">
    <table style="width: 100%; table-layout: fixed;">
    <tbody>
      <tr>
        <th style="border-bottom:5px solid rgba(255,0,0,.5);"><font color="red">Name</font></th>
        <th style="border-bottom:5px solid rgba(255,0,0,.5);"><font color="green">Event</font>        </th>
        <th style="border-bottom:5px solid rgba(255,0,0,.5);"><font color="blue">Description</font></th>
     </tr>
     <tr>
        <td style="width:150px;border-right:1px solid black;border-bottom:1px solid red;"><?         echo $Row['name']; ?></td>
        <td style="width:150px;border-right:1px solid black;border-bottom:1px solid green;"><? echo $Row['description']; ?></td>
        <td style="width:150px;border-bottom:1px solid blue;"><? echo $Row['detail']; ?></td>
     </tr>
   </tbody>
   </table>
</div>
</div>

我按照之前的建议将颜色更改为rgba（255,0,0，。05），但它显示了表格外部分区的白色背景设置。我想显示表格边框的真实页面背景，这是一个多彩的渐变。

这被标记为重复，但我没有被告知原始问题在哪里。使用rgb或rgba仅将不透明度更改为表格单元格的背景。我想显示桌子背后的页面背景，这是一个彩色渐变。如果这是一个重复的问题，请告诉我答案的位置。谢谢。

Answer 1

使用rgba：border-bottom:5px solid rgba(255, 0, 0, .5);

第4个越低，它看起来越透明。我的例子显示为红色。

Answer 2

找到所需颜色的RGB细分（谷歌）并使用

5px solid rgba(255,0,0,.5)

.5是alpha透明度

如何更改表格边框不透明度

2 个答案: