如何使HTML表部分透明？

好了，所以如果我有一个HTML表像下面如何使HTML表部分透明？

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

一个我怎样才能让它部分透明？有没有办法没有CSS？如果不是什么CSS方式？

谢谢！

詹姆斯

2011-09-06 James

你的意思，这样的背景看起来“阴天”，或'灰色“？ – Mike

嗨，大家对不起，我错过了透明这个词！所以是的，我怎样才能让桌子变得透明？ – James

为什么你想要在没有CSS的情况下做到这一点？ CSS是一个更好的方法。 – animuson

您可以在HTML文件试试这个：

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

这在你的CSS文件：

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

这台RGBA红色绿色蓝色ALPHA值，255,255,255 =白色，0,0,0 =黑色，末尾的0.5值（ALPHA）在0和1之间，其中1是不透明的，0是透明的。我希望这有帮助。

在你的情况下，＃151515（HEX CODE）转换为（21,21,21,0.5）（RGBA），其中A等于50％透明。

2011-09-06 16:50:14 Mike

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

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

上述使得60％的透明。希望这可以帮助。

2011-09-06 17:00:35 Obi

不透明度将不仅适用于背景，而且适用于文本和其中的所有元素。 – animuson

啊，我没有意识到。然后，他可以为表格的文本和其他内容设置不同的样式。 – Obi

问题是，所有的不透明度都相对于父母的不透明度。因此，任何子元素可以实现的最大不透明度现在设置为0.6。请参阅此[jsFiddle示例]（http://jsfiddle.net/animuson/fJKfh/1/）。 – animuson

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

一个更好的解决方案（不幸）是做一个轻微的透明度的平铺背景PNG。这样你就可以淡化背景而不会淡化内容。

2011-09-06 17:05:57 Max

答复旧的职位，但正如我刚才提到它这仍是有关=）

太...你可以使用烟火或（大概）Photoshop中创建一个全黑的PNG图片（只是一个黑盒子）。使用工具栏设置所需的透明度，并将所述照片设置为表格背景图像。它默认重复自己，所以会填满你的表格。你将有一个透明的桌子，你可以看到你的人体彩色图像/颜色，并且你放入桌子的任何东西都不会受到透明度的影响。

乔恩

2014-01-27 00:07:55 Jon

国际海事组织的OP要求HTML方式做到这一点... –

改变背景颜色和透明度是加入这个属性你的CSS的方式。

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

如果你想改变背景+文字内容不透明度，你可以使用：

opacity:0.6;

2017-06-15 08:19:24 user7976874

回答