如何使HTML表格部分透明？
如何使HTML表格部分透明？
提问于 2011-09-07 00:46:18
如果我有一个如下所示的HTML表：
<table bgcolor="#151515" height="100" width="200">
<tr>
<td>
Hello
</td>
</tr>
</table>如何才能使其部分透明？有没有一种不需要CSS的方法？如果不是，CSS的方式是什么？
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-09-07 00:50:14
你可以在你的html文件中尝试这样做：
<table class='table1'>
<tr><td>...在你的css文件中：
.table1 {
background: rgba(255,255,255,0.5);
}这将设置rgba红绿蓝ALPHA值，255,255=白色，0,0,0 =黑色，末尾的0.5值(ALPHA)介于0和1之间，其中1表示不透明，0表示透明。我希望这能帮到你。
在您的例子中，#151515 (十六进制代码)转换为(21，21，21，0.5) (RGBA)，其中A等于50%透明。
Stack Overflow用户
发布于 2011-09-07 01:00:36
可以在CSS中设置背景的不透明度或透明度，如下所示
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;上面的内容说明了60%的问题。希望这能有所帮助。
Stack Overflow用户
发布于 2011-09-07 01:05:57
使用CSS可以将opacity设置为0到1之间的值。但是，这将使表中的任何元素都是透明的。
一个更好的解决方案(不幸的)是制作一个稍微透明的平铺背景png。这样你就可以在不褪色的情况下淡出背景。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7323344
复制相关文章
相似问题