Question

HTML如何给背景颜色设置透明度

Answer 1

问题分析：

HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。

举例如下：

以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。

HTML代码：

<div id="test-1">
    我是黑色背景，不透明的。
</div>
<div id="test-2">
    我是黑色背景，50%透明度。
</div>
<div id="test-3">
    我是黑色背景，20%透明度。
</div>

CSS代码：

#test-1, #test-2, #test-3{
    width: 300px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    display: inline-block;
    margin-left: 50px;
    color: #FFF;
}
#test-1{
    background-color: rgba(0,0,0,1);
}
#test-2{
    background-color: rgba(0,0,0,0.5);
}
#test-3{
    background-color: rgba(0,0,0,0.2);
}

页面初始化效果：