Question

如果我有一个类似下面的HTML表格：

<table bgcolor="#151515" height="100" width="200">
<tr>
<td>
Hello
</td>
</tr>
</table>

如何使其部分透明？有没有一种没有CSS的方法呢？如果不是什么CSS方式？

Answer 1

您可以在html文件中尝试：

<table class='table1'>
<tr><td>...

这在您的css文件中：

.table1 {
background: rgba(255,255,255,0.5);
}

这设置了rgba RED GREEN BLUE ALPHA值，255,255,255 =白色，0,0,0 =黑色，最后的0.5值（ALPHA）介于0和1之间，其中1是不透明的，0是透明的。我希望这会有所帮助。

在您的情况下，＃151515（十六进制代码）转换为（21,21,21,0.5）（RGBA），其中A等于50％透明。

Answer 2

您可以在CSS中设置背景的不透明度或透明度，如下所示

  /* for IE */
   filter:alpha(opacity=60);
   /* CSS3 standard */
   opacity:0.6;

以上使其清晰度达到60％。希望这会有所帮助。

Answer 3

使用CSS，您可以将opacity设置为0到1之间的值。但是，这会使表格中的任何元素都透明。

更好的解决方案（不幸的是）制作具有轻微透明度的平铺背景png。这样你就可以淡化背景而不会褪色内容。

Answer 4

回复旧帖子，但这仍然是相关的，因为我刚引用它=）

太......你可以使用烟花或（推测）photoshop创建一个全黑的.png图像（只是一个黑盒子）。使用工具栏设置所需的透明度，并将所述照片设置为表格背景图像。它默认重复自己，所以将填满你的表。你将有一个透明的表，你可以看到你的-body bg img / color- through，你放入表中的任何内容都不会受到透明度的影响。

乔恩

Answer 5

更改背景颜色和不透明度的方法是将此属性添加到您的css。

background-color: rgba(100,200, 0, 0.5);（非背景）

如果要更改背景+文本内容的不透明度，可以使用：

opacity:0.6;

如何使HTML表部分透明？

5 个答案: