如何使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

回答